/*
Theme Name: Luckini Construction Inc.
Theme URI: http://underscores.me/
Author: Silver Connect Web Design
Author URI: https://silverconnectwebdesign.com/
Description: A custom wordpress theme for Luckini Construction Inc.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scwd
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Default is created by the theme generator at http://underscores.me/, (C) 2015-2016 Automattic, Inc.
_s is distributed under the terms of the GNU GPL v2 or later.
*/

@font-face {
    font-family: 'GeorgiaReg';
    src: url('assets/fonts/Georgia/Georgia.eot');
    src: url('assets/fonts/Georgia/Georgia.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Georgia/Georgia.woff2') format('woff2'),
        url('assets/fonts/Georgia/Georgia.woff') format('woff'),
        url('assets/fonts/Georgia/Georgia.ttf') format('truetype'),
        url('assets/fonts/Georgia/Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Allura';
    src: url('assets/fonts/Allura/Allura-Regular.eot');
    src: url('assets/fonts/Allura/Allura-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Allura/Allura-Regular.woff2') format('woff2'),
        url('assets/fonts/Allura/Allura-Regular.woff') format('woff'),
        url('assets/fonts/Allura/Allura-Regular.ttf') format('truetype'),
        url('assets/fonts/Allura/Allura-Regular.svg#Allura-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
html { font-size: 16px; /* 1em */ }
body { font-family: 'Georgia', 'GeorgiaReg', sans-serif; background: #FFFFDF; width: 100%; min-width: 1434px; margin: 0 auto;}
a, a:visited { color: #2980B9; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-decoration: none !important;}
a:hover { color: #19B798;}
a:focus {outline: none !important;}

.dblk { display: block; }

.h1, .h2, h1, h2 { margin-top: 0; font-size: 26px; color: #000;}
p {font-size: 14px;}
/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*
/* For removing bootstrap grid gutter */
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.page-content, .entry-content, .entry-summary, .hentry {margin: 0 !important;}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site { margin: 0 auto; /*max-width: 1920px;*/ }

.full { width: 100%; }
.main { margin: auto;}
.container-fluid { width: 100%; width: 980px; padding: 0 10px !important; margin: 0 auto !important;}
.row {margin: 0 auto !important;}

.clr-red {color: #7F000A;}
.img-con img {transition: all .5s ease; display: block;}
.img-con img:hover {transform: scale(1.02);}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {position: absolute; width: 1434px; width: 100%;}
.site-header .hd-wrap {width: 100%; z-index: 1; padding: 10px 0; max-width: 59%; position: relative;}
.site-header .custom-logo { max-width: 340px; width: 100%;}
.site-title { font-size: 2.5em; /*40px*/ }
.site-description { font-size: 1.125em; /*18px*/ font-weight: 400; margin: 10px 0; }

.hd-top	{display: flex; justify-content: space-between; display: -webkit-flex; -webkit-justify-content: space-between; }
.hd-top .hd-logo, .hd-top .ccb {display: inline-block; vertical-align: top;}
.hd-top h3 {font-size: 30px; color: #99121D; text-shadow: 0px 2px 10px #aaa, 0px 2px 10px #aaa;}

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Menu
--------------------------------------------------------------*/
.skip-link.screen-reader-text { padding: 0; }

.main-navigation { margin: 15px 0; }

/* Main Navigation */
.main-navigation {background: url(assets/images/nav-bg.png) no-repeat top center; background-size: 100% 100%; max-width: 266px; text-align: center; padding: 10px 0 40px; margin: 25px 0 0 20px;}
.main-navigation a { color: #99121D; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-size: 25px; text-decoration: none; text-transform: uppercase;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0;}
.main-navigation li {display: block; float: none; padding: 5px 0;}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {}
.main-navigation a:hover {text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0px 5px 20px #000;}

/* Sub Menu */
.main-navigation ul ul { border-radius: 0 0 3px 3px; top: 100%; }
/*.main-navigation .sub-menu a { width: 260px; }
.main-navigation .sub-menu li { border-top: 1px solid #ccc; }
.main-navigation .sub-menu li:last-child a:hover { border-radius: 0 0 3px 3px; } */

.main-navigation ul ul ul { left: -999em; top: 0; }

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
#banner {position: relative; max-width: 1434px; margin: 0 auto;}
#banner .banner-contents {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
#banner .banner-contents .container-fluid {position: relative; height: 100%;}
#banner .bn-right-text {position: absolute; width: 100%; max-width: 40%; top: 10px; right: 0; z-index: 2;}
#banner .bn-right-text p {width: 100%; max-width: 380px; padding: 10px 20px; text-align: center; border-radius: 10px; background: #fff; border: 2px solid #000; margin: 0 auto 30px; color: #99121D; font-size: 20px; text-transform: uppercase; font-weight: 700; text-shadow: 1px 1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; line-height: 120%;}
#banner .bn-right-text p small {display: block; line-height: 120%;}
#banner .bn-right-text img {max-width: 360px;}
#banner .bn-bot-text {position: absolute; bottom: 21%; width: 98%; background: url(assets/images/head-box-bg.png) no-repeat; padding: 15px 20px 33px; box-sizing: border-box; background-size: 100% 100%; align-items: center !important;}
#banner .bn-bot-text h2 {color: #99121D; font-size: 36px; line-height: 80%; margin-top: 10px;}
#banner .bn-bot-text h3 {font-family: 'Allura'; font-size: 30px; color: #000; font-weight: bold; line-height: 100%;}
#banner .estimate p {color: #FFF; text-align: center; font-size: 20px; line-height: 120%; margin-bottom: 3px;}
#banner .estimate p:nth-of-type(1) {font-size: 22px;}
#banner .estimate .bn-tel {font-size: 28px;}
#banner .estimate {background: url(assets/images/estimate-bg.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 5px;}

/*--------------------------------------------------------------
# Primary / Content Area
--------------------------------------------------------------*/
#content {position: relative; margin-top: -8%;}
.cn-wrap {display: flex; justify-content: space-between; display: -webkit-flex; -webkit-justify-content: space-between;}
.content-area {width: 61%; display: inline-block; vertical-align: top;}
.content-area .panel-grid {margin-bottom: 5px !important;}

/*Welcome Section*/
#wlc-sec h2 {margin-bottom: 0;}
#wlc-sec h3 {font-size: 21px; line-height: 20px; margin: 10px auto; color: #000;}

/*Service Area*/
.svc-area-sec h2 {font-size: 21px; color: #99121D;}
.svc-area-list {background: url(assets/images/services-bg.png) no-repeat center top; background-size: 100% 100%; padding: 10px 0 40px; margin-bottom: 20px;}
.svc-area-sec ul {columns: 2; list-style: none; margin: 0 0 0 20px; max-width: 55%;}
.svc-area-sec ul li {font-size: 16px; padding-left: 15px; background: url(assets/images/list.png) no-repeat center left;}

/*Bottom Section*/
.bot-sec {text-align: center;}
.bot-sec p {font-size: 24px; color: #333; line-height: 30px; margin-bottom: 10px; text-align: left;}
.bot-sec a {color: #99121D;}
.bot-sec a:hover {text-shadow: 0px 2px 10px #000;}
.bot-sec img {margin: auto;}

/*--------------------------------------------------------------
# Secondary / Sidebar
--------------------------------------------------------------*/
.secondary {padding: 0 0 0 10px; width: 38% !important; display: inline-block; vertical-align: top;}
.secondary .panel-grid {margin-bottom: 10px !important;}
.secondary p {margin-bottom: 10px;}
.secondary .header p {background: url(assets/images/side-head-bg.jpg) repeat-x; text-align: center; border-radius: 10px 10px 0 0; height: 64px; line-height: 63px; color: #FFF; font-size: 20px; text-decoration: none;}
#svc-side {flex-wrap: wrap !important;}
#svc-side .panel-grid-cell {width: 47% !important; text-align: center; margin-bottom: 5px;}
#svc-side .panel-grid-cell img {transition: all .5s ease; width: 100%;}
#svc-side .panel-grid-cell:hover img {box-shadow: 0 0 15px #c43c4a;}
#svc-side .panel-grid-cell p {background: url(assets/images/box-link.jpg) repeat-x; line-height: 110%; padding: 6px 8px 8px;}
#svc-side .panel-grid-cell:nth-of-type(3) p {padding: 6px 0 8px;}
#svc-side .panel-grid-cell:last-of-type p {padding: 6px 25px 8px;}
#svc-side .panel-grid-cell p a {font-size: 13px; color: #FFFFDF;}
#svc-side .panel-grid-cell:hover p a {text-shadow: 0px 3px 5px #000;}
#svc-side .so-panel {margin-bottom: 5px !important;}
.ctc-info {margin-bottom: 20px;}
.ctc-add2 {margin-top: 50px;}
.ctc-info a {color: #000;}
.ctc-info a:hover {text-shadow: 0px 3px 10px #000;}
.ctc-info p {margin-bottom: 0; line-height: 120%; font-size: 14px; color: #000;}
.ctc-add::before {content: ""; background: url(assets/images/home.png) no-repeat; width: 30px; height: 25px; display: inline-block; vertical-align: middle; position: relative; margin-right: 15px; top: 2px;} 
.ctc-tel::before {content: ""; background: url(assets/images/call.png) no-repeat; width: 20px; height: 28px; display: inline-block; vertical-align: middle; position: relative; margin-right: 23px; top: 4px;}
.ctc-email::before {content: ""; background: url(assets/images/email.png) no-repeat; width: 26px; height: 19px; display: inline-block; vertical-align: middle; position: relative; margin-right: 20px; top: 7px;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer .ft-wrap {margin: 0 auto; background: url(assets/images/footer.png) no-repeat; text-align: center; background-size: 100% 100%; padding: 5px 0 22px;}

/* Footer Navigation */
.footer-navigation {text-align: center;}
.footer-navigation ul { margin: 0 0 5px 0; padding: 0; text-align: center; }
.footer-navigation ul li { display: inline-block; }
.footer-navigation ul li a { color: #fff; display: block; padding: 0 4px 0 2px; font-size: 13px; font-family: 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; display: block; line-height: 95%;}
.footer-navigation ul li:not(:last-of-type) a {border-right: 1px solid #FFF;}
.footer-navigation ul a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {}

/* Site Info */
.copyright p {display: inline-block; vertical-align: middle; margin: 0 10px 0 0; color: #FFF; font-size: 13px; font-family: 'Roboto Condensed', sans-serif;}
.copyright p a {color: #FFF;}
.copyright p a:hover {text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;}
.copyright p img {max-width: 50px; margin-right: 5px;}
.site-info .container-fluid {padding: 0 !important; max-width: 100%;}

/*--------------------------------------------------------------
# Inner pages
--------------------------------------------------------------*/
.inner #content {}
.inner #content h1 {margin-bottom: 10px;}
.inner #content h2 {font-size: 20px; margin-bottom: 20px;}
.inner #content ul {list-style: none; margin: 0 0 0 20px;}
.inner #content ul li {padding-left: 15px; background: url(assets/images/list.png) no-repeat center left; color: #000; font-size: 16px; line-height: 23px;}


/*Residential Page*/
#bwg_container1_0 #bwg_container2_0 .bwg-container-0 {width: 90%;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0 .bwg-item > a {margin: 5px; border: 4px solid #628D0A;}
.bwg_image_title, .bwg_image_title * {text-align: center;}
.spider_popup_wrap {background: rgba(0, 0, 0, .8) !important;}
.bwg_image_info {background: rgba(0, 0, 0, .5) !important;}
.bwg_ctrl_btn_container, .bwg_toggle_container, #spider_popup_left-ico, #spider_popup_right-ico {background: #555 !important;}
#bwg_container1_0 #bwg_container2_0 .paging-input_0, .total-pages_0 {display: inline-block;}

/*Testimonial Page*/
.page-header {border-bottom: none;}
.testimonial {padding: 15px 0 5px; border-top: 2px solid #7F000A;}
.testimonial p {margin-bottom: 0;}
.testimonial h3 {margin: 10px auto; font-size: 15px; font-weight: 600;}
.post-paginate {text-align: right; margin-bottom: 20px;}
.post-paginate a {padding: 5px; border: 1px solid #CCC; background: #DDD; color: #000;}
.post-paginate a:hover {color: #FFF; text-shadow: 0px 0px 10px #000;}

.wpcr3_in_content {text-align: center;}
.wpcr3_button_1 {background: linear-gradient(#b2666c, #7F000A); border: none; border-radius: 10px; color: #FFF; transition: all .5s ease;}
.wpcr3_button_1:hover {box-shadow: 0px 10px 20px -5px #000;}
.wpcr3_review {text-align: left;}
blockquote {margin: 0; border-left: none; padding: 10px 0 20px 0 !important;}
.wpcr3_review_datePublished {width: 1px; height: 1px; overflow: hidden;}
.wpcr3_caps {font-size: 20px; font-weight: 600; margin: 0 5px;}
div.wpcr3_dotline, div.wpcr3_review div.wpcr3_dotline {border-bottom: 2px solid #7F000A !important;}

/*Contact Page*/
.ctc-box {border: 2px solid #7F000A; border-radius: 10px; box-sizing: border-box; padding: 20px; text-align: center;}
.ctc-box p {margin-bottom: 5px;}
.ctc-box i {display: block; width: 1px; height: 1px; overflow: hidden;}
.ctc-box label {display: block;}
.ctc-box input[type="text"], .ctc-box input[type="email"], .ctc-box input[type="tel"], .ctc-box textarea {width: 100%; background: rgba(255, 255, 255, .5); box-shadow: inset 2px 2px 2px #000; padding: 10px; color: #333;}
.ctc-box .g-recaptcha div {margin: 10px auto;}
.ctc-box input[type="submit"] {opacity: 1; background: linear-gradient(#b2666c, #7F000A); color: #FFF; border-radius: 0;}
.ctc-box input[type="submit"]:hover {box-shadow: 0px 10px 20px -10px #000;}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media screen and (max-width: 1440px) {
    body { min-width: 320px; }
    #banner .metaslider img { min-height: 800px; object-fit: cover; }
}

@media screen and (max-width: 980px) {
    #wprmenu_bar .menu_title a { color: #fff; }
    .wprm-wrapper #mg-wprm-wrap ul#wprmenu_menu_ul li.current-menu-item a { color: #fff !important; }

    .container-fluid { max-width: 100%; }
    .site-header .hd-wrap { max-width: 100%; }
    .site-header .custom-logo { max-width: 220px; }
    .hd-top { flex-direction: column; align-items: center; }
    .hd-top h3 { font-size: 24px; margin: 5px 0; }
	#page, body, #banner, #content, .site-footer {max-width: 980px; margin: auto; position: relative; min-width: 320px;}
	.site-header {max-width: 980px;}
    #banner .banner-contents, #banner .bn-bot-text { position: static; }
    #banner .banner-contents .panel-grid { margin-bottom: 0 !important; }
    #banner .bn-right-text { position: relative; }
    #banner .bn-right-text, #banner .bn-right-text p { max-width: 100%; }
    #banner .bn-right-text .img-con { position: absolute; bottom: 100%; left: 0; right: 0; }
    #banner .bn-right-text .img-con img { margin: 0 auto; width: 320px; max-width: 100%; }
    #banner .bn-bot-text { width: 100%; padding-bottom: 50px; flex-direction: column; text-align: center; }
	#svc-side, .ctc-tel {flex-direction: row !important;}
	/*.main-navigation ul {display: block;}*/
	/*.menu-toggle, .main-navigation.toggled ul {display: none;}*/
	.ctc-info {padding-left: 30px; position: relative;}
	.ctc-info::before {position: absolute; left: -5px;}
    #banner .bn-bot-text .panel-grid-cell:nth-of-type(1) { margin-bottom: 0 !important; }
	#banner .bn-bot-text .panel-grid-cell:nth-of-type(2) { width: 100% !important; }
    #banner .metaslider img { min-height: unset; }
	#banner .bn-bot-text {bottom: -20%;}
	/*#content {margin-top: 15%;}*/
    .content-area, .secondary { float: none; width: 100% !important; display: block !important;  }
    .cn-wrap { flex-direction: column; text-align: center; }
    .cn-wrap .img-con img { margin: 0 auto; }
    .svc-area-sec ul li { text-align: left; }
}

@media screen and (max-width: 768px) {
    .hd-top h3 { text-shadow: 1px 1px 2px #000; color: #fff; }
    #banner .metaslider img { min-height: 450px; }
    .content-area, .secondary { padding: 0 !important; }
}

@media screen and (max-width: 600px) {
    #banner .bn-right-text .img-con { position: static; }
    #svc-side, .ctc-tel { flex-direction: column !important; }
    #svc-side .panel-grid-cell { width: 100% !important; }
}