/*
 Theme Name:     YOU LOCAL MACDADDY THEME
 Theme URI:      https://wwww.youlocal.com
 Author:         Dave M
 Author URI:     https://davemacmurchy.com
 Template:       Divi
 Version:        1.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* #################################### */
/* ######## CHANGE MENU COLORS ######## */
/* #################################### */

#top-menu li li a {
    border-bottom: 1px solid #000;
	font-size: 18px !important;
}

/* ######### SIDEBAR WIDGETS ########## */

.et_pb_widget {
border: 1px solid #e5e5e5;
border-top: 5px solid #13a89e;
}

.widget_button a {
background-color: #f29100;
color: #fff !important;
}

.widget_button a:hover {
background-color: #e28b0a;
}

.review_title {
color: #0067b1;
}


/* ######### BLOG BUTTON ########## */

.more-link {
	background-color: #13a89e;
    color: #ffffff;
}

/* ######### PROJECTEN GRID ########## */

.gq-portfolio-section .et_pb_portfolio_item h2 {
    background-color: #13a89e;
    color: #fff;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    border: 1px solid #4d176e;
text-transform: uppercase;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
    border-top: 0px solid #e2e2e2;
}

/* ######### END COLORS ########## */

h2 {
font-weight: bold;
font-size: 50px;
line-height: 1em;
}

h3 {
font-weight: bold;
font-size: 30px;
line-height: 1em;
}

.mobile_menu_bar:before {
	color: #4d176e !important;
}

@media only screen and (max-width : 479px) {
h2 {
font-size: 30px;
}}

/* ############################### */
/* ######## HEADER STYLES ######## */
/* ############################### */


@media only screen and (max-width : 981px) {
#page-container {
	padding-top: 20px !important;
}

.header_column_2 {
margin-bottom: 15px;
}}

#page-container {
	overflow: hidden !important;
}

@media only screen and (max-width: 479px) {
.freeQuote {
margin-bottom: 10px !important;
}}

@media all and (max-width: 1315px) and (min-width: 981px) {
.phoneNumber .et_pb_text_inner {
font-size: 30px !important;
}}


.phone_number {
	font-size: 40px;
	color: #4d176e;
	font-family: oswald;
    font-weight: 600;
    top: 2px;
    position: relative;
	letter-spacing: -1px;
	display: inline-block;
}

.phone_number_text {
	bottom: 5px;
    position: relative;
    padding-right: 15px;
	display: inline-block;
	font-size: 22px;
}

@media only screen and (max-width: 479px) {
.phone_number_text {
	font-size: 20px !important;
}}

#top-menu li {
    padding-right: 50px !important;
}

@media only screen and (max-width: 981px) {
.tag_line_left {
	text-align: center;
}
	
.button_top_header .et_pb_button_module_wrapper {
	text-align: center;	
}
	
.phoneNumber {
	text-align: center;			
}
	
.phone_number_text {
    padding-right: 0px;
}

#page-container {
    padding-top: 0px !important;
}}

@media only screen and (min-width: 981px) {

.top_header_row .et_pb_column {
	display:table;
	height: 75px;		
}

.top_header_row .tag_line_left,
.top_header_row .phoneNumber,
.top_header_row	.et_pb_button_module_wrapper {
    display: table-cell;
    vertical-align: middle;
}}


/* ############################### */
/* ########## MENU BAR] ########## */
/* ############################### */
 
.paralaxImage .et_parallax_bg {
background-position: bottom center !important;
}

@media only screen and (min-width : 981px) and (max-width: 1350px) {
	#top-menu li {
    padding-right: 22px !important;
}

#logo {
    max-height: 40% !important;
}}

@media only screen and (min-width : 981px) and (max-width: 1150px) {
#top-menu li a {
    font-size: 18px !important;
}}

.nav li ul {
    padding-top: 0px !important;
}

/* ##################################### */
/* ############# SUB PAGES ############# */
/* ##################################### */

@media only screen and (min-width : 981px) {
.subHeader .et_pb_button_one,
.subHeader .et_pb_button_two {
width: 25%;
}}

@media only screen and (max-width : 980px) {
.subHeader .et_pb_button_one,
.subHeader .et_pb_button_two {
width: 100%;
margin-left: 0px !important;
}}


/* ############# REVIEW PAGE ############# */

.review .et_pb_column {
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.14);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.review .et_pb_column:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.review .et_pb_column:hover {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);}
 
.review .et_pb_column:hover:before {
 opacity:1;
 top: 106%;
 height: 15px;}

.review .et_pb_column .et_pb_blurb_container {
padding: 0 25px;
}



/* ##################################### */
/* ########### FOOTER GLOBAL ########### */
/* ##################################### */

.footerGlobal .emailIcon .et-pb-icon {
vertical-align: sub;
}

@media only screen and (max-width : 981px) {
.footerColumn2 .et_pb_row_inner_0.et_pb_row_inner,
.footerColumn2 .et_pb_row_inner_1.et_pb_row_inner {
    margin-left: 0% !important;
}}

@media all and (max-width: 1344px) and (min-width: 981px) {
.footer_custom {
font-size: 13px !important;
line-height: 1.7em !important;
}}


/* ##################################### */
/* ############## MODULES ############## */
/* ##################################### */

/* ############ BLURBS TOP ############# */

.mp_m_blurb_float_shadow {
border: 1px solid #eee;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.14);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
 
.mp_m_blurb_float_shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition: all .3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
 
.mp_m_blurb_float_shadow:hover {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);}
 
.mp_m_blurb_float_shadow:hover:before {
 opacity:1;
 top: 106%;
 height: 15px;}

.mp_m_blurb_float_shadow .et_pb_blurb_container {
padding: 0 25px;
}

/* ######### BLURBS LEFT SPIN ########## */

.mp_m_blurb_spin .et-pb-icon {
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;}
 
.mp_m_blurb_spin:hover .et-pb-icon {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);}

.overlap-image-1 img {
    padding-top: 5%;
    padding-left: 40%;
    padding-right: 5%;
}

.overlap-image-2 img {
    margin-top: -25%;
    padding-right: 40%;
    padding-left: 5%;
}

/* ######### BUTTON ########## */

@media only screen and (min-width : 981px) {
.buttonBottom {
width: 50%;
}}

/* ############################ */
/* ######### SIDEBAR ########## */
/* ############################ */

.et_pb_widget {
padding: 30px;
border-radius: 5px;
}

h4.widgettitle {
font-size: 24px;
font-weight: bold;
}

.et_pb_widget ul li {
margin-bottom: 0em;
}

.et_pb_widget ul {
padding-left: 40px !important;
list-style-type: disc !important;
}

.et_pb_widget li a:hover {
color: #000 !important;
}

/* ######### WIDGET PROJECT ########## */

.widget_project p,
.cta_sidebar p {
font-size: 14px;
line-height: 1.5em;
	display: inline-block;
}

.widget_project img {
width: 75px;
}

.widget_project h4.widgettitle {
padding-bottom: 20px;
}

@media all and (max-width: 1175px) and (min-width: 981px) {
.widget_project img {
width: 100%
}}

/* ######### WIDGET CTA ########## */

.cta_sidebar {
text-align: center;
}

.widget_button a {
font-size: 18px;
font-weight: bold;
padding: 8px;
width: 100%;
display: block;
border-radius: 10px;
text-align: center;
margin-top: 15px;
line-height: 1.4em;
}



/* ######### WIDGET REVIEW ########## */

.review_title {
font-size: 30px;
font-style: italic;
font-weight: bold;
}

/* ############################ */
/* ########### BLOG ########### */
/* ############################ */

/* ######## BLOG GRID ######### */

@media (min-width: 981px) {
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
    width: 44.5% !important;
    margin-right: 5.5%;
}}


/* ####### SINGLE POST ######## */

@media (min-width: 981px) {
.single-post #left-area {
padding-bottom: 0px;
}}

.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row {
	width: 100% !important;
}

.more-link {
    display: inline-block !important;
    padding: 5px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
}

/*##################################*/
/*######## PORTFOLIO GRID ##########*/
/*##################################*/
 
/* Change columns from 4-3 */
 
    @media (min-width: 981px){ 
        .gq-portfolio-section .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item  {width: 31.33% !important;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) {clear: inherit;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) {margin-right: 3%!important;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) {margin-right: 0%!important;}}
 
/* special hover effect for desktop only */
 
    @media (min-width: 981px){ 
    .gq-portfolio-section .et_portfolio_image {
        min-height: 200px;}
 
    .gq-portfolio-section .et_pb_portfolio_item {
            position: relative;
            overflow: hidden;
            max-height: 320px;}
 
    .gq-portfolio-section .et_pb_portfolio_item img {
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: scale(1.15);
            transform: scale(1.15);}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);}
 
    .gq-portfolio-section .et_pb_portfolio_item h2 {
        font-size: 16px;
        position:absolute;
        text-align:center;
        width:100%;
        top:100%;
        transition:.5s;
        -webkit-transition:.5s;}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover h2 {
            top: 78%;
            padding: 15px 0;
z-index: 9;}
 
    .gq-portfolio-section .et_overlay {z-index: 0;}
 
 
    .gq-portfolio-section .et_overlay:before {
        opacity:0!important;
            top: -10%!important;
            font-family: sans-serif!important;
            content: 'Read More'!important;
            font-size: 13px;
            padding: 10px 20px;
            background-color: rgba(0, 0, 0, 0.59);
             color: #fff;
            left: 50%;
            margin-right: -50%;
            transform: translate(-40%)}
 
    .gq-portfolio-section .et_overlay:hover:before {
        opacity:1!important;
            top: 6%!important;}
 
    }
 
        @media only screen and (min-width : 1061px) and (max-width : 1200px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 15px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 73%!important;}}
 
        @media only screen and (min-width : 981px) and (max-width : 1060px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 72%!important;}}
 
        @media only screen and (max-width : 980px) {
            .gq-portfolio-section .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .gq-portfolio-section .et_overlay {display:none;}}

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
    text-align: center;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    float: none;
    display: inline-block;
}






/*##################################*/
/*########### 404 page #############*/
/*##################################*/

.error404 h1 {
padding-bottom: 25px;
}

.et_pb_fullwidth_header_subhead {
padding-bottom: 25px;
}

.error404 .et_pb_fullscreen .et_pb_fullwidth_header_container {
    width: 70%;
}

.error404 .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content-container.center {
-webkit-align-self: baseline;
    -moz-align-self: baseline;
    -ms-align-self: baseline;
    align-self: baseline;
    margin-top: 15%;
}

/* ###### SEARCH RESULT PAGE ###### */

@media (min-width: 981px) {
.search #left-area {
	width: 64.833%;
}

.search #sidebar {
	width: 29.666%;
	border-left: 1px solid #e2e2e2;
}

.search #main-content .container:before {
    display: none !important;
}}

.search .et_pb_post a img {
    padding-bottom: 25px;
}

.search h2 {
	font-size: 30px;
	font-weight: bold;
}

.search h4.widgettitle {
	font-size: 22px;
	font-weight: bold;
}

.search #sidebar .et_pb_widget {
	padding: 25px;
	margin-bottom: 18.54%;
}

.et-fb .custom_top_header {
	display:none !important;
}