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

/*-----------------------------------------------------------------------------------*/
/*	FRAMEWORK
/*-----------------------------------------------------------------------------------*/
/* lists */
#main ul {margin: 0px 0px 30px 20px;}
#main ul.nav-tabs, #main ul.tabs-nav, #main ul#my-account-nav, #main ul.payment_methods {
    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 Forms */
body .gform_wrapper form input, body .gform_wrapper form select, body .gform_wrapper form textarea {
    /*color: #ffffff !important;*/
    background-color: #efefef;
    border-color: #efefef !important;
/*    font-family: Roboto,sans-serif;*/
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0px;
    padding: 1em;
    height: 3.9em;
    border: 1px solid;
    border-radius: 10px !important;
}
body .gform_wrapper form .gfield_radio input {height: .9em;}
.gform_wrapper.gf_browser_chrome select {padding: 1em 0.7em !important;}
body .gform_wrapper form .gfield_radio input, body .gform_wrapper form .gfield_checkbox input {height: auto !important;}
body .gform_wrapper form input.datepicker {width: 100% !important;}
form.dark ::-webkit-input-placeholder { color:#ffffff; }
form.dark :-moz-placeholder { opacity: 1; color:#ffffff; } /* Firefox 18- */
form.dark ::-moz-placeholder { opacity: 1; color:#ffffff; } /* firefox 19+ */
form.dark :-ms-input-placeholder { color:#ffffff; } /* ie */
form.dark input:-moz-placeholder { color:#ffffff; }

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0px !important;
    padding-bottom: 16px;
}

/* checkboxes - be sure to add the round_checkboxes class */
body .gform_wrapper .gform_body .round_checkboxes {
  background-color: #efefef;
  border-color: #efefef !important;
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  padding: 1em;
  /* height: 3.9em; */
  border: 1px solid;
  border-radius: 10px !important;
  margin-right: 16px;
}
body .gform_wrapper .gform_body .round_checkboxes label, body .gform_wrapper .gform_body .round_checkboxes .ginput_container_checkbox ul li label {
  color: #333;
  font-weight: normal;
}

/* 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;}
div.lightbox-by-id.lightbox-content {border-radius: 10px !important;}

/* 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
/*-----------------------------------------------------------------------------------*/





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

.row-dashed .col .col-inner > .row .col:before, .row-solid .col .col-inner > .row .col:before,
.row-dashed .col .col-inner > .row .col:after, .row-solid .col .col-inner > .row .col:after { {border: none !important;}



/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	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-1 #wp-admin-bar-flatsome_panel, body.user-id-1 #wp-admin-bar-customize, body.user-id-1 #wp-admin-bar-edit ul#wp-admin-bar-edit-default, body.user-id-1 #wp-admin-bar-edit ul#wp-admin-bar-edit-default li, body.user-id-1 .tooltipster-content, body.user-id-1 .tooltipster-base, body.user-id-1 #wp-admin-bar-new-content-default li#wp-admin-bar-new-blocks {display: block;}