/*
 Theme Name:   rid-2019
 Theme URI:    https://radiantinsulsystems.com
 Description:  Blank Canvas Child Theme developed by Electric Bricks for Radiant Insulation & Drywall
 Author:       Keith Paul
 Author URI:   https://electricbricks.net
 Template:     eb-blank-canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         eb-blank-canvas, responsive-layout, electricbricks
 Text Domain:  rid-2019
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800%7CLora:400,700&display=swap');

body{background-color: #fff; background-image: linear-gradient(to left, #ccc 0%, #fff 25%, #fff 75%, #ccc 100%); color: #666; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400;}

h1, .blog h2{font-family: 'Lora', serif; font-weight: 400; color: #333;}
h2, h3{font-family: 'Open Sans', sans-serif;}
h2{font-weight: 700; color: #d82931;}
h3{font-weight: 600; color: #555; font-size: 1.5rem;}
h2 a, .archive h2 a, h3 a, h4 a{text-decoration: none;}
h4, .vc_separator h4{font-weight: 600; color: #444; margin-top: 0;}
.vc_separator h4{text-align: center;}
blockquote{font-size: 14px;}
a, a:visited{color: #666; text-decoration: underline;}
a:active, a:hover{color: #333; text-decoration: underline;}

.alignnone, .aligncenter, .alignleft, .alignright{max-width: 100%; height: auto; display: block;}

header{margin-bottom: 0; position: relative; z-index: 1000; background-color: #fff; background-image: linear-gradient(to left, #ccc 0%, #fff 25%, #fff 75%, #ccc 100%); /*background-image: linear-gradient(to bottom, rgba(246,207,46,.45) ,  rgba(0,0,0,0));*/ /*linear-gradient(to bottom, #454545 0%, #acacac 90%, #777 100%);*/ /*linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 90%, rgba(0,0,0,0.5) 100%), url('images/header-bkgd-v3.jpg');*/ background-size: cover; box-shadow: 0 0 10px #000;}

.mega_main_menu li.default_dropdown > .mega_dropdown > li > .item_link{padding: 12px !important;}
#logo{margin: 0 auto; width: 325px;}
.logoLink{width: 100%; display: block;}
.logos img{max-width: 225px !important;}

.topnav{background-color: #f6cf2d;}
.prenav{background-color: #d72930;}

ul.menu{padding: 0;}
ul.widget-area{list-style: none; padding: 0; margin: 0;}
.headerWidget{display: flex; align-items: center; font-weight: 600; font-size: 16px; /*color: #fff; text-shadow: 0 0 5px #000;*/}
.headerWidget h3{color: #333; font-weight: 700;}
.headerWidget p{margin-bottom: 0;}
ul.headerLeftWidget.widget-area, ul.headerRightWidget.widget-area{margin: 0 15px; text-align: center; width: 100%;}
ul.headerLeftWidget.widget-area{margin-top: 15px;}

.pageTitle{text-align: center; margin-bottom: 25px; display: flex; align-items: stretch; background-position: center; background-size: cover; background-image: url('../../uploads/2020/01/spray-foam-insulation-in-ceiling-rafters.jpg'); min-height: 400px;}
.pageTitle h1, .pageTitle h2{color: #333; text-shadow: none; text-align: center; flex-grow: 1; width: 100%; line-height: 36px; margin-bottom: 35px;}
.pageTitle h2{font-size: 1em; font-weight: 700;}
.pageTitleTint{width: 100%; display: flex; flex-wrap: wrap; align-content: flex-end; padding-bottom: 15px; background: rgba(0,0,0,0.2);}

.opener{position: relative; background: #fff; z-index: 900; border-radius: 4px; /*box-shadow: 0 0 10px #333;*/ box-shadow: 0 0 45px #e5e5e5; font-size: 18px; font-weight: bolder; text-align: center; padding: 15px 30px; margin-top: 0px; margin-bottom: 25px; max-width: 900px;}
.home .opener{margin-left: auto; margin-right: auto;}
.boxShadow > div{box-shadow: 0 0 45px #e5e5e5;} 

.searchform{margin: 20px 0 0;}
.siteSearch{padding: 6px; background-color: #fff; border-radius: 3px; white-space: nowrap;}
.siteSearch input[type="text"]{border: none;}
.siteSearch input[type="submit"]{border: none; background-color: #fff; font-family: "Font Awesome 5 Pro";}

.container-fluid{padding-left:0; padding-right:0;}

#content{}
.pageContent{padding: 15px 30px; margin-bottom: 35px; background-color: #fff; border-radius: 4px;}
.home .pageContent{padding: 0 30px; margin-bottom: 0; border-radius: 0;}

.entry-meta{font-size:14px; margin-bottom:20px;}
.entry-meta .meta-prep-author, .entry-meta .author, .entry-meta .meta-sep, .entry-utility, .meta-prep-entry-date{display:none;}
#nav-above, #nav-below{margin: 15px 0; overflow: hidden;}
#nav-above a, #nav-below a, #nav-above a:visited, #nav-below a:visited, .more-link, .more-link:visited{background-color: #999; background: linear-gradient(to bottom, #666, #999); color: #fff; text-decoration: none; font-size: 0.9em; display: inline-block; padding: 10px; border: 1px solid #ccc; border-radius: 4px;}
#nav-above a:hover, #nav-below a:hover, .more-link:hover{background-color: #666; background: #666; color: #fff; text-decoration: none;}
.nav-previous{float: left; display: inline-block;}
.nav-next{float: right; display: inline-block;}
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}

/* ------ JOB PAGE -------- */
.single-job .entry-meta{display: none;}
.single-job .card {background:#fff;margin-bottom: 24px;height:100%;}
.single-job #content {margin-top:48px;}
.single-job h1 {padding:0 0 24px 24px;}
.single-job #nav-above, .single-job #nav-below {display:none;}
.jobDetails, .jobApplication{padding: 15px 15px 0; border: 1px solid #eee; border-radius: 4px;}
.jobDetails{background-color: #f8f8f8; box-shadow: 0 0 35px rgba(0,0,0,.1);}
.job-title a {text-decoration:none;font-weight:600;}
.job-details {background:#f7f7f7;border: 1px solid #e6e4e4;}

.jobListingsTable{width: 100%; border: 1px solid #eee; border-collapse: collapse;}
.jobListingsTable tr{border: 1px solid #eee;}
.jobListingsTable th, .jobListingsTable td{padding: 5px 10px; text-align: center; border: 1px solid #eee; border-collapse: collapse;}
.jobListingsTable th:first-child, .jobListingsTable td:first-child{text-align: left;}
.jobListingsTable th{background-color: #f6cf2c;color: #222;}
.jobListingsTable tr:hover:nth-child(n+1){background-color: #F7f7f7;}

/* ------ GLOBAL BUTTONS -------- */
.btn, .btn:visited, .button, .navigation a, .more-link{
	background: linear-gradient(to right, #d72931, #581114) !important; 
	border-radius: 3px; 
	border: none; 
	color: #fff !important; 
	text-decoration: none; 
	padding: 10px 15px;
	transition: all 0.2s ease-in-out 0s;}

.btn:hover, .button:hover, .navigation a:hover, .more-link:hover{
	background: linear-gradient(to right, #581114, #d72931) !important; 
	border: none; 
	color: #fff !important; 
	text-decoration: none;}

.specs{width: 100%;}
.specs th, .specs td{text-align: center;}
.specs th{background-color: #d82931; color: #fff; border: 1px solid #d82931;}
.specs td{border: 1px solid #ebebeb;}

.cta, .cta:visited{border: 2px solid #d72930; border-radius: 3px; font-size: 18px; margin: 0 10px; background-color: #d72930; color: #fff; display: inline-block; text-decoration: none; padding: 2px 10px; transition: all 0.2s ease-in-out 0s;}
.cta:hover, .cta:active{box-shadow: 0 0 20px #ccc; border: 2px solid #000; color: #fff; text-decoration: none;}

.wp-caption-text, .sd-title, .jp-relatedposts-headline{font-size:12px; color:#999; padding-top:10px;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxCurrent{font-size:12px;}

.contactForm p{margin-bottom: 0;}
.wpcf7 .contactForm{display: flex; align-items: flex-end; flex-wrap: wrap;}
.wpcf7 label{width: 100%;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select{width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 5px; background-color: #fff; color: #555;}
.wpcf7-radio input{width: auto;}
.wpcf7 textarea{height: 150px; background-color: #fff;}
.wpcf7 .wpcf7-recaptcha{margin-bottom: 10px;}
span.wpcf7-list-item{display: block; margin: 5px 0 5px 20px;}
input[type="checkbox"], input[type="radio"]{width: auto;}
input[type="submit"].wpcf7-submit, .wpforms-submit, div.wpforms-container-full .wpforms-form button[type="submit"]{background-color: #999; background: linear-gradient(to bottom, #666, #999); color: #fff; font-weight: 600; border: none; text-align: left; width: 250px; margin-bottom: 15px;}
input[type="submit"].wpcf7-submit:hover, .wpforms-submit:hover, div.wpforms-container-full .wpforms-form button[type="submit"]:hover{background-color: #666; background-image: none;}
div.wpcf7-response-output{clear: both;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #8a979b; border-color: #8a979b;}
.pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{color: #8a979b;}

.blog .post, .category .post{display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #ccc; padding: 15px 0; min-height: 350px;}
.blog .post > div{}
.blog .post:last-child, .category .post:last-child{border-bottom: none;}


.postContainer{position: relative; margin-bottom: 25px;}
.postThumbnailBkgd{height: 325px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 5px; display: flex; align-items: center; text-align: center; transition: all 0.2s ease-in-out 0s;}
/*.postThumbnailBkgd:hover{filter: opacity(75%); background-position:0 25%;}*/
.postExcerpt{z-index: 100; position: relative; background-color: #fff; padding: 12px 15px 0; border: none; border-radius: none; box-shadow: none; left: inherit; top: inherit;}
.postExcerpt.noFeaturedImage{left: 0;}
.blog .entry-content .wpb_text_column.wpb_content_element{margin-bottom: 0;}


#footerTop{color: #888; font-size: .9em; text-align: center;}

#menu-social li{display: inline; padding: 0 5px;}
#menu-social li a, #menu-social li a:visited{color: #f6cf2d; font-size: 20px;}
#menu-social li a:hover, #menu-social li a:active{color: #d72930;}
.page-template-page-form #footer{margin-top: 0;}
#footer{color: #fff; background: linear-gradient(to bottom, #acacac , #454545); font-size: 14px; font-weight: 400; padding: 20px; text-align: center;}
#footer .widget-area{margin: 10px 0;}
#footer .container{display: flex; flex-wrap: wrap; align-content: center;}
#footer .container{align-items: center;}
#footer > div{display: flex; align-items: stretch; flex-wrap: wrap;}
#footer a{color: #fff; text-decoration: none;}		
#footer a:hover{text-decoration: underline;}
#footer h2{font-family: 'Open Sans', sans-serif; color: #fff; font-size: 16px; font-weight: 700; text-align: center;}
#footer .menu{text-align: center; list-style: none;}

#subFooter{background-color: #111; bottom: 0; width: 100%; color:#fff; padding:20px; font-size:12px; font-weight:300;}
#subFooter .eb{opacity:0.5; transition: all 0.2s ease-in-out 0s;}
#subFooter .eb:hover{opacity:1;}
#subFooter a{color:#fff; text-decoration:none;}
#subFooter a:hover{text-decoration: underline;}
#ebFooterLogo{margin-top:5px;}

/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .searchform{display: inline-block;}
    .pageTitle h1, .pageTitle h2{color: #fff; text-shadow: 0 0 10px #000;}
    .opener{margin-top: -45px;}
	.home .opener{margin-top: -75px;}
	.postExcerpt{position: absolute; left: 40%; top: 10%; /*border: 1px solid #ddd;*/ border-radius: 4px; box-shadow: 0 0 15px #333;}
	.blog .post, .category .post{margin-bottom: 55px;}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    #logo{margin: 10px 0; width: auto;}
    ul.headerLeftWidget.widget-area, ul.headerRightWidget.widget-area{margin: 15px 0;}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}