/*
Theme Name:     Joe Casseb
Theme URI:      https://imaginatestudio.com
Description:    Joe Casseb WordPress Theme
Author:         Imaginate Studio
Author URI:     https://imaginatestudio.com
Template:       framework
Version:        1.0
*/

/*-----------------------------------------------------------------------------------*/
/*	GLOBAL
/*-----------------------------------------------------------------------------------*/


/* lists */
#main ul {margin: 0px 0px 30px 20px;}
#main ul.nav-tabs, #main ul.tabs-nav, #main ul#my-account-nav {
    margin: 0;
    z-index: 9999;
}

/* gravity forms */
body .gform_wrapper li input {margin-bottom: 12px !important;}
body .gform_wrapper ul li.gfield, body .gform_wrapper .top_label div.ginput_container,
body .grom_wrapper ul li.gfield .ginput_container .address_line_1 input {margin-top: 0px !important;}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {padding: 0 .75em !important;}
body .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(ul.gfield_radio li input):not(ul.gfield_checkbox li input):not(.datepicker), 
body .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(ul.gfield_radio li input):not(ul.gfield_checkbox li input):not(.datepicker) {
    margin: 0 !important;
}
body .gform_wrapper .hidden_label .ginput_container input[type=text], 
body .gform_wrapper .hidden_label .ginput_container select,
body .gform_wrapper li.gfield textarea.textarea {
    margin-top: 12px !important;
}
body .gform_wrapper .gform_footer {
    margin: 0 !important;
    padding: 5px 0 10px;
}
body .gform_wrapper ul.gform_fields li,
body .gform_wrapper ul li.gfield.gf_right_half, 
body .gform_wrapper ul li.gfield.gf_left_half,
body .gform_wrapper ul li.gfield.field_sublabel_hidden_label,
body .gform_wrapper .gfield_checkbox input, 
body .gform_wrapper .gfield_checkbox input[type=checkbox], 
body .gform_wrapper .gfield_radio input[type=radio]  {margin-bottom: 0 !important;}

body .gform_wrapper .ginput_container .gfield_radio, 
body .gform_wrapper .ginput_container .gfield_checkbox {margin-bottom: 25px !important;}

/* Round the Column Corners */
.roundthecorners, .roundthecorners .col-inner, .text-box.roundthecorners .text, .roundthecorners .banner-bg, .roundthecorners .banner-bg .overlay, .roundthecorners .banner-bg .bg, .roundthecorners .banner-inner, .roundthecorners .message-box, .roundthecorners .message-box .message-box-bg-overlay, .roundthecorners .message-box .message-box-bg-image, section.roundthecorners .bg .section-bg-overlay, .roundthecorners .img-inner img {border-radius: 12px !important;}
.roundthecorners .banner-bg .bg, .roundthecorners .banner-bg .overlay {overflow: hidden !important;}
.roundthecorners.banner.bg-zoom .banner-bg, .roundthecorners.banner.bg-zoom .banner-layers {z-index: 1;}

/* Nested Rows/Columns Depth Fix */
.row-box-shadow-1 .col-inner > .row .col-inner , .row-box-shadow-2 .col-inner > .row .col-inner, .row-box-shadow-3 .col-inner > .row .col-inner, .row-box-shadow-4 .col-inner > .row .col-inner, .row-box-shadow-5 .col-inner > .row .col-inner  {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* five/seven columns */
@media only screen and (min-width: 850px) {
    .row.fivecol .col {
        max-width: calc(19.4% - 0.4rem) !important;
        -ms-flex-preferred-size: calc(19.4% - 0.4rem) !important;
        flex-basis: calc(19.4% - 0.4rem) !important;
    }
    .row.sevencol .col {
        max-width: calc(14.28571% - 0.4rem) !important;
        -ms-flex-preferred-size: calc(14.28571% - 0.4rem) !important;
        flex-basis: calc(14.28571% - 0.4rem) !important;
    }
}
@media only screen and (min-width: 550px) and (max-width: 849px) {
  .row.sevencol .col {
        max-width: calc(33.33333% - 0.4rem) !important;
        -ms-flex-preferred-size: calc(33.33333% - 0.4rem) !important;
        flex-basis: calc(33.33333% - 0.4rem) !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 549px) {
  .row.sevencol .col {
        max-width: calc(50% - 0.4rem) !important;
        -ms-flex-preferred-size: calc(50% - 0.4rem) !important;
        flex-basis: calc(50% - 0.4rem) !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  WP BLOCK TWEAKS
/*-----------------------------------------------------------------------------------*/
/* Group Block */
.wp-block-group {padding: 60px 0px;}
.wp-block-group .wp-block-group__inner-container, .wp-block-group .wp-block-group__inner-container .wp-block-columns {
    max-width: 1300px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
}

/* Bullets in Gutenberg */
ul.bullet-checkmark li, ul.bullet-arrow li {
    list-style: none;
    position: relative;
    padding: 7px 0px 7px 25px;
    margin: 0;
    border-bottom: 1px solid #ececec;
}
.dark ul.bullet-checkmark li, .dark ul.bullet-arrow li {
    border-color: rgba(255, 255, 255, 0.2);
}
ul.bullet-checkmark li:before, ul.bullet-arrow li:before {
    font-family: 'fl-icons' !important;
    left: 0;
    position: absolute;
    font-size: 16px;
    color: #7a9c59;
}
ul.bullet-checkmark li:before {content: "\e00a" !important;}
ul.bullet-arrow li:before {content: "\f105" !important;}

#main ul.wp-block-gallery {margin: 0px !important;}

/*youtube video size*/
.video.video-fit {padding-top: 0 !important;}
.logged-in .video.video-fit {padding-top: 56.25% !important;}
.embed-youtube, figure.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.embed-youtube iframe, figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* .video.video-fit {
  padding: inherit !important;
  position: static !important;
} */

.wp-block-media-text .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content {
  padding: 0 30px 30px;
}
.wp-block-sbgd-wrapper-block {
  max-width: 1080px;
  width: 100%;
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
.single-post.single-format-video .post .article-inner .entry-image {display: none;}

/* block buttons */
.wp-block-button.expand a {display: block !important;}
.wp-block-button .wp-block-button__link {
  background-color: #0091ba;
  text-transform: uppercase;
  padding: 0 1.2em;
  font-size: .97em;
  letter-spacing: .03em;
  line-height: 2.4em;
  min-height: 2.5em;
  font-weight: bold;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.wp-block-button .wp-block-button__link:hover {opacity: 0.7;}

/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
.side-header {
  width: 300px; /* Change Width Step: 1*/
  position: fixed;
  top: 0;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  display: inherit;
}

@media screen and (min-width: 849px) {
  #content, .absolute-footer, #header .header-top, .blog-featured-title {margin-left: 300px;} /* Change Width Step: 2*/  
  .header-main {
    display: none;
    visibility: hidden;
  }
  .side-header.is-full-height {
    height: 100% !important;
    }
}
.side-nav .col {
  overflow-y: auto;
  max-height: 500px; /* Change nav scroll height */
}
.side-header .widget {margin-bottom: 0px;}


ul.menu>li>a, ul.menu>li>span:first-child, .widget>ul>li>a, .widget>ul>li>span:first-child {
  font-size: 13px;
  font-weight: bold;
}
ul.menu>li.current_page_item, .widget>ul>li.current_page_item {border-left: 4px #b89207 solid;} 
ul.menu>li a, .widget>ul>li a {padding-left: 10px;} 
ul.menu>li:hover, .widget>ul>li:hover {background-color: rgba(255, 255, 255, 0.15);}



/*-----------------------------------------------------------------------------------*/
/*	CORPORATE STRATEGY GLOBAL
/*-----------------------------------------------------------------------------------*/
.bkg-dark-texture {background: url(images/bgtexture_dark.png) #282a2d;}
.bkg-light-texture, .absolute-footer, .blog-wrapper {background: url(images/bgtexture_light.png) #cccccc;}
#row-cs-content > .col > .col-inner {
  padding: 40px 40px 40px 40px;
  background-color: rgb(255,255,255);
  border-radius: 6px;
}
#section-cs-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-header-wrapper .page-title h1.entry-title {color: #b89207;}


/*-----------------------------------------------------------------------------------*/
/*	TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
blockquote.testimonials-text {
  color: #666666;
  font-size: 130.4%;
  border-bottom: none;
  margin-bottom: 0;
}
cite.author {
  color: #666666;
  font-weight: bold;
}
cite.author span.title {
  display: block;
  font-weight: 400;
}
.testimonials .testimonials-list .quote {
  margin-bottom: 40px;
  border-bottom: 1px #eee solid;
  padding-bottom: 20px;
}





/*-----------------------------------------------------------------------------------*/
/*	HOMEPAGE
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1130px) {
  .home-property-slider.row .col .box .box-text p {font-size: .7em;}
}

/*-----------------------------------------------------------------------------------*/
/*	MOBILE
/*-----------------------------------------------------------------------------------*/

/*for them big screens*/
@media only screen and (min-width: 768px) {

}

/*for them little screens*/
@media only screen and (max-width: 768px) {

}


#wp-admin-bar-flatsome_panel, #wp-admin-bar-flatsome-activate, #wp-admin-bar-customize, #wp-admin-bar-edit_uxbuilder, #wp-admin-bar-edit ul#wp-admin-bar-edit-default, .tooltipster-content, .tooltipster-base, #wp-admin-bar-new-content-default li#wp-admin-bar-new-blocks {display: none;}
body.user-id-6 #wp-admin-bar-flatsome_panel, body.user-id-6 #wp-admin-bar-customize, body.user-id-6 #wp-admin-bar-edit ul#wp-admin-bar-edit-default, body.user-id-6 #wp-admin-bar-edit ul#wp-admin-bar-edit-default li, body.user-id-6 .tooltipster-content, body.user-id-6 .tooltipster-base, body.user-id-6 #wp-admin-bar-new-content-default li#wp-admin-bar-new-blocks {display: block;}