/*
Theme Name: Industry Welding Services
Author: Nathan Dorey
Description: Industry Welding Services Template
Theme URI: 
Author URI: 
Template: betheme
Version: 1

*/

#Top_bar .container div.column.one {width: 100%; margin-left: 0px; margin-right: 0px;}
body:not(.template-slider) #Header {min-height: 70px !important;}
.homebar {border-top: 16px solid #f0a400;}
.homebar .section_wrapper {max-width: 100% !important;}
.maincontent .the_content {padding: 10% 10% 0px;}

.wp-caption {margin-bottom: 30px !important; border: none !important;}
.wp-caption img {border: 6px solid #f0a400 !important; }
.wp-caption-text {background: none !important; color: #f0a400 !important; font-weight: bold;}
.wp-caption a {color: #f0a400 !important; }

.menu li.current_page_item a, .menu li a:hover {background: white;}

#Top_bar .menu > li#menu-item-56 a {background: #f0a400; color: white;}

#Top_bar .menu.page-menu > li > a {margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 15px !important; padding-bottom: 15px !important;}

.tp-caption.medium_light_white {max-width: 536px !important; min-width: 0px !important;}
.tp-caption.medium_light_white span.big {font-size: 200%; line-height: 120%;}

h4 a {color: #f0a400 !important;}
h4 a:hover {color: #d67d29 !important; text-decoration: underline;}

h3 a {color: #f0a400 !important;}
h3 a:hover {color: #d67d29 !important; text-decoration: underline;}

#Footer .footer_copy .one {
    margin-bottom: 5px !important;
    padding-top: 15px !important;
    min-height: 23px;
    font-size: 14px !important;
}

.who, .what {line-height: 2; background: url(http://www.industryweldingservices.com.au/site/wp-content/uploads/2017/02/favicon-32x32.png) top left no-repeat; padding: 6px 0px 6px 36px;}
a.who:hover, a.what:hover {text-decoration: none;}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {
    /*background: rgba(222, 209, 182, 0.72); */
    background: rgba(104, 101, 101, 0.69);
    padding: 8%; 
    transition: all 0.3s ease-in-out;
    font-size: 20px !important;
    line-height: 1.5;
    font-weight: bolder;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {
    /*display: block;
    height: 100%;
    padding: 10% 10% 50px;*/
    color: #f0a400 !important;
    font-size: 34px;
    font-weight: bold !important;
    line-height: 1.4;
}
.page-id-10 .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {font-size: 28px;}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 {
    /*display: block;
    height: 100%;
    margin-bottom: 0px;
    background: rgba(155,105,5,.5);*/
}

.portfolio_group.masonry-hover:hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:hover,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner:hover {background: none;}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    padding: 0px !important;
}
.image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    background: none !important;
    opacity: 100 !important;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after {display: none !important;}



.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {padding: 0px;}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc:hover .desc-inner {opacity: 0.0001;}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {padding: 8%; width: 84%; height: 84%; position: absolute;}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 {min-height: 34%;}
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-wrappper {padding: 0px 8%;}


/* RESPONSIVE */

@media only screen and (min-width: 1367px) {
    .tp-caption.medium_light_white {
        max-width: 560px !important;
        min-width: 0px !important;
    }
}
@media screen and (min-width: 1500px) {
   .tp-caption.medium_light_white {
        max-width: 35% !important;
    }
}
@media only screen and (max-width: 1024px) {
    .maincontent .the_content h4 {font-size: 20px; line-height: 26px;}
    .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {font-size: 30px;}
    .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {font-size: 16px !important;}
}
@media only screen and (max-width: 768px) {
    .maincontent .the_content {padding: 3%;}
    .tp-caption.medium_light_white {padding-left: 2% !important;}
    .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {font-size: 24px;}
    .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {font-size: 14px !important;}
}
@media only screen and (max-width: 767px) {
    .rev_slider_1_1_forcefullwidth {max-height: 200px !important;}
    .homebar {border-top: 8px solid #f0a400;}
}
@media only screen and (max-width: 425px) {
    .tp-caption.medium_light_white {font-size: 15px !important; margin: 10px !important;}
    .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {font-size: 20px;}
    .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after {display: none !important;}
    .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {font-size: 14px !important; background: rgba(104, 101, 101, 0.80);}
    .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner:hover {background: rgba(104, 101, 101, 0.80);}
    .section .section_wrapper, .container, .section .four.columns .section .widget-area {max-width: calc(100% - 37px) !important;}
    .hide_on_mob {display: none;}

    #rev_slider_1_1_forcefullwidth {height: 200px !important; max-height: 200px !important;}
    #rev_slider_1_1_wrapper {height: 200px !important; max-height: 200px !important;}
    #rev_slider_1_1_wrapper .tp-parallax-wrap {top: 20px !important;}
    .homebar {border-top: 4px solid #f0a400;}
}