/*
    Theme Name: Cleanmobile
    Description: Cleanmobile Theme by Webbu & Enabled
    Author: Webbu
    Theme URI: https://themeforest.net/user/Enabled/portfolio
    Author URI: https://themeforest.net/user/Enabled
    Version: 1.4
    Tags: left-sidebar,right-sidebar,theme-options
    License: Themeforest Split Licence
    License URI: -
    Text Domain: cleanmobile
*/


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
    .alignnone{margin:5px 20px 20px 0}
    .aligncenter, 
    .aligncenter{display:block; margin:5px auto 5px auto}
    .alignright{float:right; margin:5px 0 20px 20px}
    .alignleft{float:left; margin:5px 20px 20px 0}
    .aligncenter{display:block; margin:5px auto 5px auto}
    a img.alignright{float:right; margin:5px 0 20px 20px}
    a img.alignnone{margin:5px 20px 20px 0}
    a img.alignleft{float:left; margin:5px 20px 20px 0}
    a img.aligncenter{display:block; margin-left:auto; margin-right:auto}
    .wp-caption{background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center}
    .wp-caption.alignnone{margin:5px 20px 20px 0}
    .wp-caption.alignleft{margin:5px 20px 20px 0}
    .wp-caption.alignright{margin:5px 0 20px 20px}
    .wp-caption img{border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto;    margin-bottom: 10px;}
    .wp-caption .wp-caption-text, 
    .gallery-caption{font-size:11px; line-height:17px; margin:0; padding:0 4px 5px}
    .sticky{text-align: left;}
    .bypostauthor{text-align: left;}
    /* Text meant only for screen readers. */
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }
    .menu-item-has-children{cursor: pointer;}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000; /* Above WP toolbar. */
    }
    
/* Epsilon Framework Styles*/
    .all-elements .snap-drawers {
        background-color: #FFFFFF;
        background-size: 100px 100px;
    }
    .all-elements .snap-drawers .snap-drawer {
        background-color: #FFFFFF;
        background-size: 100px 100px;
    }

    .menu-has-no-icon em {
        padding-left: 30px!important;
    }
    .menu-has-no-icon-sub em {
        padding-left: 55px!important;
    }
    .disabled{
        display:none;
    }

    #header-fixed{
        opacity:1;
        position:fixed;
        width:100%;
        height:60px;
        z-index:99999;
    }

    #content{
        -webkit-box-shadow: 0 0px 7px 5px rgba(0,0,0,0.1);
                box-shadow: 0 0px 7px 5px rgba(0,0,0,0.1);   
    }

    .change-colors{
        margin-bottom:-5px!important;
    }

/*Put content under header, adjust for fullscren pages*/
    .cover-screen, .map-fullscreen{
        margin-top:-60px;
    }



    .not-active{
        opacity:0!important;
        pointer-events: none!important;
    }
    .cleanmobile .widget_search .search-field{color:#666666;}
    .cleanmobile .widget_categories select,.cleanmobile .widget_archive select{
    background-color: rgb(241, 241, 241);
    color: rgb(125, 125, 125);
    border: solid 1px rgba(103, 103, 103, 0.17);}
.header-style-1{
    border-top:solid 1px rgba(0,0,0,0.1);
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

.header-style-1 .header-1{
    color:#1f1f1f;
    float:left;
    width:60px;
    height:55px;
    border-right:dashed 1px rgba(0,0,0,0.1);
}

.header-style-1 .header-1 i{
    height:55px;
    width:60px;
    text-align:center;
    line-height:57px;
}

.header-style-1 .header-1 img {
    width: 24px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
}

.header-style-1 .header-2 img {
    width: 24px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
}

.header-style-1 .header-logo{
    position:absolute;
    left:50%;
    margin-left:-55px;
}

.header-style-1 .header-logo img{
    width:110px;
    margin-top:20px;
}

.header-style-1 .header-2{
    color:#1f1f1f;
    float:right;
    width:60px;
    height:55px;
    border-left:dashed 1px rgba(0,0,0,0.1);
}

.header-style-1 .header-2 i{
    width:60px;
    height:55px;
    line-height:57px;
    text-align:center;
}

.header-clear{
    height:60px;
}

.header-clear-large,.woocommerce .woocommerce-breadcrumb{
    height:90px;
}

.admin-bar .header-clear-large{
    height:112px;
}

.image-column-left{margin-bottom:30px; padding-right:30px;}
.image-column-left:after{
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.image-column-left img{
    width:115px;
    height:115px;
    border-top-left-radius:0px;
    border-top-right-radius:100px;
    border-bottom-right-radius:100px;
    border-bottom-left-radius:0px;
    margin-left:-50px;
    float:left;
    margin-right:20px;
}

.image-column-left strong{
    display:block; 
    width:100%;
    font-size:16px;
}

.image-column-left em{
    font-size:14px;
    font-style:normal;
}

.image-column-right{margin-bottom:30px; padding-left:30px;}
.image-column-right:after{
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.image-column-right img{
    width:115px;
    height:115px;
    border-top-left-radius:100px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:100px;
    float:right;
    margin-left:20px;
    margin-right:-50px;
}

.image-column-right strong{
    display:block; 
    width:100%;
    font-size:16px;
}

.image-column-right em{
    font-size:14px;
    font-style:normal;
}

.footer-icons{
    width:265px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
}

.footer-icons a{
    width:40px;
    height:40px;
    line-height:40px;
    margin-left:5px;
    margin-right:5px;
}

.footer-icons a i{
    width:40px;
    height:40px;
    line-height:40px;
    font-size:12px;
}

.footer p{
    margin-bottom:15px;
}

/*Sidebar*/

/*Sidebar Header Left*/

.sidebar-header-left{
    height:60px;
    border-bottom:solid 1px rgba(255,255,255,0.05);
    background-color:#FFFFFF;
}

.sidebar-header-left a img{
    width:120px;
    margin-top:22px;
    margin-left:30px;
}

.sidebar-header-left a:first-child{
    width:130px;
    float:left;
}

.sidebar-header-left a:last-child{
    width:60px;
    height:60px;
    line-height:60px;
    color:#1f1f1f;
    position:absolute;
    left:205px;
    text-align:center;
    border-left:dashed 1px rgba(0,0,0,0.1);
    border-right:dashed 1px rgba(0,0,0,0.1);
}

.sidebar-header-left a i{width:54px; height:60px; line-height:60px; text-align:center;}


/*Sidebar Header Right*/

.sidebar-header-right{
    height:60px;
    border-bottom:solid 1px rgba(255,255,255,0.05);
    background-color:#FFFFFF;
    padding-right:30px;
}

.sidebar-header-right a img{
    width:120px;
    margin-top:22px;
}

.sidebar-header-right a:first-child{
    width:120px;
    float:right;
}

.sidebar-header-right a:last-child{
    width:60px;
    height:60px;
    line-height:60px;
    color:#1f1f1f;
    position:absolute;
    left:0px;
    text-align:center;
    border-left:dashed 1px rgba(0,0,0,0.1);
    border-right:dashed 1px rgba(0,0,0,0.1);
}

.sidebar-header-left a i{width:54px; height:60px; line-height:60px; text-align:center;}

/*Sidebar Menu*/


.menu-item{
    height:50px;
    color:#6b757d;
    transition:all 250ms ease;
}

.menu-item-active .fa-circle{
    color:#2ecc71!important;
    opacity:1!important;
    font-size:6px!important;
    margin-left:231px!important
}

.menu-item-active{
    color:#FFFFFF;
    transition:all 250ms ease;
}

.menu-item em:hover{
    color:#FFFFFF;
    transition:all 250ms ease;
}

.menu-item i:first-child{
    position:absolute;
    font-size:18px;
    width:20px;
    text-align:center;
    top:50%;
    margin-top:-8px;
    margin-left:30px;
}


.submenu-item i:first-child {width: auto;}

.menu-item i:last-child{
    position:absolute;
    font-size:5px;
    margin-left:232px;
    top:50%;
    margin-top:-1px;
    opacity:0.5;
}

.menu-item i.fa.fa-chevron-down:last-child {
    font-size: 10px;
    margin-left: 229px;
        top: 44%;
}

.menu-item strong{
    font-size:10px;
    position:absolute;
    left:214px;
    color:rgba(255,255,255,0.5);
    top:50%;
    margin-top:-13px;
    font-weight:500;
    width:40px;
    text-align:center;
    transition:all 250ms ease;
}

.menu-item em{
    font-family:'Roboto', sans-serif;
    display:block;
    line-height:52px;
    font-style:normal;
    padding-left:75px;
    font-size:13px;
    font-weight:500;
    transition:all 250ms ease;
}

/*Submenu Items*/

.submenu-item{
    height:50px;
    color:#6b757d;
    transition:all 250ms ease;
}

.submenu-item em:hover{
    color:#FFFFFF;
    transition:all 250ms ease;
}

.submenu-item i:first-child{
    position:absolute;
    font-size:11px;
    top:50%;
    margin-top:-4px;
    margin-left:75px;
}

.submenu-item i:last-child{
    position:absolute;
    font-size:5px;
    margin-left:232px;
    top:50%;
    margin-top:-1px;
    opacity:0.2;
}

.submenu-item em{
    font-family:'Roboto', sans-serif;
    display:block;
    line-height:52px;
    font-style:normal;
    padding-left:100px;
    font-size:12px;
    font-weight:500;
    transition:all 250ms ease;
}

.submenu-active{
    display:block;
    color:#FFFFFF;
}

.show-submenu{
    max-height:52px!important;
}

.submenu{
    overflow:hidden;
    max-height: 0;
    transition: max-height 0.25s ease-out;
}

.submenu-active{
    max-height: 500px;
    transition: max-height 0.25s ease-in;
}


.submenu-item-active{
    display:block;
    color:#FFFFFF;
    transition:all 250ms ease;
}

.submenu-item-active .fa-circle{
    color:#27ae60!important;
    opacity:1!important;
}

.submenu-active strong{
    color:#FFFFFF;
    transition:all 250ms ease;
}

.snap-drawer, .snap-drawers{
    background-color:#272c2e;
}

.sidebar-menu{
    margin-bottom:30px;
}

.widget .sidebar-divider{font-size:14px;}
.sidebar-menu .sidebar-divider{font-size:14px;}
.sidebar-menu .sidebar-divider,.widget .sidebar-divider{
    font-family:'Roboto', sans-serif;
    margin-top:10px;
    margin-bottom:20px;
    padding-bottom:5px;
    padding-left:30px;
    font-weight:800;
    text-transform: uppercase;
    color:#666666;
    border-bottom:solid 1px rgba(255,255,255,0.03);
}
p.sidebar-divider.epsmenu-divider {
    margin-top: 20px;
}

.sidebar-footer{
    font-family:'Roboto', sans-serif;
    margin-bottom:10px;
    padding-top:10px;
    font-size:10px;
    padding-left:30px;
    font-weight:800;
    text-transform: uppercase;
    color:#666666;
    border-top:solid 1px rgba(255,255,255,0.03);
}




/*Sidebar Contact Form*/

.sidebar-form{
    width:220px;
    margin-left:20px;
}

.sidebar-form *{
    transition:all 400ms ease!important;
}

.sidebar-form .button{
    letter-spacing:normal;
    font-weight:600;
    font-family:'Open Sans', sans-serif;
}

.sidebar-form em{
    font-size:12px;
    font-style:normal;
    margin-bottom:20px;
    display:block;
    width:100%;
    padding:0px!important;
}

.sidebar-form .contactField{
    font-family:'Roboto', sans-serif;
    height:40px!important;
    line-height:40px!important;
    background-color:transparent;
    border:none;
    border-bottom:solid 1px rgba(255,255,255,0.08);
    margin-bottom:20px;
    padding-left:10px;
}

.sidebar-form .contactField:hover{
    color:#FFFFFF;
}

.sidebar-form .contactField:focus{
    color:#FFFFFF;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:solid 1px #2cc36b!important;
}

.sidebar-form .contactTextarea{
    height:40px;
    background-color:transparent;
    border:none;
    border-bottom:solid 1px rgba(255,255,255,0.08)!important;
    margin-bottom:40px;    
    padding-left:10px;
    transition:all 400ms ease;
}

.sidebar-form .contactTextarea:hover{
    color:#FFFFFF;
}


.sidebar-form .contactTextarea:focus{
    font-family:'Roboto', sans-serif;
    color:#FFFFFF;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:solid 1px #2cc36b!important;
    height:100px;
    transition:all 400ms ease;
}

.snap-drawer-right::-webkit-scrollbar { width: 0 !important }

.sidebar-form .formValidationError{
    font-size:11px!important;
    text-align:center;
    background-color:#c0392b;
    color:#FFFFFF;
    margin-bottom:20px;
}

.formSuccessMessageWrap{
    font-size:11px!important;
    text-align:center;
    background-color:#27ae60;
    color:#FFFFFF;
    margin-bottom:20px;
}

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

  .alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
  }
}
.has-large-font-size {
    font-size: 36px;
    line-height: 36px;
}

/* Pull Quote
--------------------------------------------- */

.wp-block-pullquote {
     border: none;
     padding: 0;
}
 .wp-block-pullquote blockquote {
     border-left: 0;
     border-top: 8px solid #efefef;
     border-bottom: 8px solid #efefef;
     padding: 16px 0;
     text-align: center;
     max-width: 50%;
     margin: 0 auto;
}
 .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignright blockquote {
     max-width: 100%;
}
 


/* Separator
--------------------------------------------- */

.wp-block-separator:not(.is-style-dots), hr:not(.is-style-dots) {
     background-color: #ddd;
     border: 0;
     height: 1px;
}
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots), hr:not(.is-style-wide):not(.is-style-dots) {
     width: 100%;
     height: 4px;
     background: transparent;
}
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots)::before, hr:not(.is-style-wide):not(.is-style-dots)::before {
     content: '';
     display: block;
     height: 4px;
     width: 40px;
     background: #efefef;
}
 .wp-block-separator.is-style-dots:before, hr.is-style-dots:before {
     color: #ddd;
     font-size: 18px;
     letter-spacing: 12px;
     padding-left: 12px;
}
 

/* Button
--------------------------------------------- */

.wp-block-button .wp-block-button__link {
     border-radius: 0;
     font-weight: 700;
     font-size: 16px;
     line-height: 18px;
     padding: 20px 24px;
}
 .wp-block-button .wp-block-button__link:hover {
     background: #d6d6d6;
     text-decoration: none;
}
 .has-drop-cap:first-letter {
     font-size: 50px !important;
}

p img:first-child{
    display:inline;
    float:left;
    margin-right:10px;
    margin-top:3px;
}
.has-drop-cap:first-letter {
    margin-top:13px!important;
    margin-right:15px!important;
}
.wp-block-cover.alignfull{
    width: calc(100% + 40px)!important;
    margin-left: -20px;
    min-height: 430px;
}

.wp-block-cover.alignwide{
    width: calc(100% + 40px)!important;
    margin-left: -20px;
    min-height: 430px;
}
.alignfull > img{
    width: calc(100% + 40px)!important;
    max-width: calc(100% + 40px)!important;
    margin-left: -20px;
}
.wp-block-file a{
    display:inline!important;
}

.wp-block-file a:first-child{
    display:inline!important;
    float:left!important;
}

.wp-block-media-text__content p{/*font-size:22px!important;*/}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots)::before, hr:not(.is-style-wide):not(.is-style-dots)::before{width:100px!important;}
.wp-block-separator.is-style-dots:before, hr.is-style-dots:before{padding-left:10px!important}



.wp-block-categories li a, .wp-block-archives li a {
    display: inline-block;
}
.wp-block-pullquote{
    color:#666666;
}
@media only screen and (min-width: 768px) {
    .wp-block-cover.alignfull{
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto!important;
        max-width: 1000%;
    }
    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
    }

    .wp-block-pullquote.alignwide blockquote{
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        width: auto;
        max-width: 1000%;
    }
    .wp-block-pullquote{margin-bottom:20px;}

    .wp-block-pullquote.alignfull blockquote{
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
    }
    .wp-block-embed.alignfull{
        margin-left: calc(49% - 50vw);
        margin-right: calc(49% - 50vw);
    }
    
}

.wp-block-cover-image, .wp-block-cover {
    position: relative;
    background-color: #000;
    background-size: cover;
    background-position: center center;
    min-height: 430px;
    width: 100%;
   
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;

}
.has-large-font-size {
    font-size: 36px;
    line-height: 40px!important;
}
.wp-block-cover__video-background{top:0;left:0;}
.blocks-gallery-item img{margin-bottom:0!important;}
.footer p:last-child{
    margin-bottom:-40px!important;   
}

#header-fixed img {
    width:79px!important;
}

.image-column-right{margin-top:30px;}
.image-column-left{margin-top:30px;}
.image-column-right img{
    float:right!important;
    margin-right:-50px!important;
}