/*
 Theme Name:     Big Easy Softwash Child Theme
 Theme URI:      http://www.travisthewebguy.com
 Description:    Big Easy Custom Theme
 Author:         Travis The Web Guy
 Author URI:     http://www.travisthewebguy.com
 Template:       Divi
 Version:        3.0.5
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

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


@media only screen and (min-width : 981px) {
.fullwidth-menu > li > a:hover {       
background: #000000; 	/* CHANGE HOVER BACKGROUND COLOR */
color: #ffffff; 	/* CHANGE HOVER TEXT COLOR  */
}

.fullwidth-menu .current-menu-item {
background: #000000; 	/* CHANGE CUURENT MENU ITEM BACKGROUND COLOR */
color: #ffffff; 	/* CHANGE CURRENT MENU TEXT COLOR  */
}}

/* #################################### */
/* ####### H2 AND H3 FONT SIZE ######## */
/* #################################### */

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

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

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

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

#main-header {
display: none !important;
}

ul.centered-social { 
width:100%; 
text-align:center; 
margin: 0 0 0 0 ; 
margin-left: 5px;
}

.centered-social li { 
float:none; 
display:inline-block; 
}

.centered-social li {
margin-bottom: 0px !important;
}

ul.centered-social {
line-height: 0px !important;
}

.ButtonHeader {
padding-top: 0.1em !important;
padding-bottom: 0.1em !important;
padding-left: 2em;
padding-right: 0.7em;
}

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

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

@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;
}}







/* ############################### */
/* ########## MENU BAR] ########## */
/* ############################### */
 
@media only screen and (min-width : 981px) {
.fullwidth-menu > li > a:hover {       
opacity: 1;
z-index: 99999;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 1.0);
-webkit-transform: translateZ(0) scale(1.05);
transform: translateZ(0) scale(1.05);
}

.fullwidth-menu .current-menu-item {
opacity: 1;
z-index: 99999;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 1.0);
-webkit-transform: translateZ(0) scale(1.05);
transform: translateZ(0) scale(1.05);
}

.fullwidth-menu .current-menu-item a:hover {
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
transition: all 0s ease-in-out !important;
-webkit-transform: none;
transform: none;
}

.fullwidth-menu ul.sub-menu .current-menu-item {
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0);
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}

@media only screen and (min-width: 981px) {
.fullwidth-menu ul.sub-menu .current-menu-item {
background: rgba(77, 23, 110, 0);
}}

.fullwidth-menu > li > a {
padding: 25px 25px!important;
margin-bottom: 0px;
margin-top: 0px;
}

.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
padding: 0px 0 !important;
}

.fullwidth-menu li {
display: inline-block;
padding-right: 0px !important;
font-size: 14px;
}}

.paralaxImage .et_parallax_bg {
background-position: bottom center !important;
}


@media only screen and (min-width : 981px) {
.fullwidth-menu .menu-item-has-children > a:first-child:after {
top: 24px;
right: 5px;
}}

@media only screen and (min-width : 981px) {
.menuTop .et_pb_row {
width: 90% !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 {
border: 1px solid #e5e5e5;
border-top: 5px solid #13a89e;
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;
}

.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;
}

.button a {
background-color: #f29100;
color: #fff !important;
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;
}

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

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

.review_title {
font-size: 30px;
font-style: italic;
color: #0067b1;
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;
}}

/* ########### BREADCRUMB ########### */

@media (max-width: 479px) {
.breadcrumb {
font-size: 10px;
}}

.breadcrumb a {
    color: rgba(0, 0, 0, 0.8);
    background: rgba(222, 229, 231, 0.72);
    display: inline-block;
    padding: 0 10px 0 20px;
    margin: 0 10px 10px -2px;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-weight: 400;
font-size: 14px;
}

.breadcrumb a:before {
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 1;
}

.breadcrumb a:after {
    position: absolute;
    top: 0;
    content: '';
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent rgba(222, 229, 231, 0.72);
    z-index: 2;
}

.breadcrumb .breadcrumb_last {
    display: inline-block;
    padding: 0 10px 0 20px;
    margin: 0 5px 10px -2px;
    height: 24px;
    line-height: 24px;
    position: relative;
    background: #13a89e;
    color: #fff;
    font-weight: 400;
font-size: 14px;
}

.breadcrumb .breadcrumb_last:before {
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #fafafa;
    z-index: 1;
}

.breadcrumb .breadcrumb_last:after {
    position: absolute;
    top: 0;
    content: '';
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #13a89e;
    z-index: 2;
}

.more-link {
background-color: #13a89e;
    color: #ffffff;
    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 {
        background-color: #13a89e;
        color: #fff;
        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;
           width:100%  
            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;
}

.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;
}

/*##################################*/
/*######## HEADER OPTIONS ##########*/
/*##################################*/

body #page-container a.ButtonBottomLineGreen {
border-bottom: 5px solid #4e960a !important;
border-top: 5px solid #4eaf0e !important;
}

body #page-container a.ButtonBottomLineOrange {
border-bottom: 5px solid #c56609 !important;
border-top: 5px solid #ed7e11 !important;
}

@media only screen and (min-width : 981px) and (max-width : 1320px) {
body #page-container a.ButtonBottomLineGreen,
body #page-container a.ButtonBottomLineOrange,
body #page-container a.ButtonHeaderRed {
font-size: 14px
}}

@media only screen and (min-width : 981px) and (max-width : 1320px) {
body #page-container a.ButtonHeaderRed:before {
line-height: 1.1em;
}}

@media (max-width: 980px) {
.headerTextCenter {
text-align: center !important;
}}

/*##################################*/
/*######## FEATURES PAGE ###########*/
/*##################################*/

@media (min-width: 981px) {
.page-id-6431 .et_pb_post,
.page-id-6431 .et_pb_grid_item {
    margin-bottom: 0px !important;
}}

/*##################################*/
/*########### 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%;
}