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

/*-----------------------------------------------------------------------------------*/
/*	GLOBAL
/*-----------------------------------------------------------------------------------*/
/* gradient backgrounds */
section.gradientbkg .bg .section-bg-overlay, .row.gradientbkg .col > .col-inner, .col.gradientbkg > .col-inner {
  background: rgb(37,70,243, 0.45);
  background: linear-gradient(90deg, rgba(37,70,243,0.45) 0%, rgba(0,177,255,0.45) 100%);
}
section.gradientbkg90 .bg .section-bg-overlay, .row.gradientbkg90 .col > .col-inner, .col.gradientbkg90 > .col-inner {
  background: rgb(37,70,243, 0.90);
  background: linear-gradient(90deg, rgba(37,70,243,0.90) 0%, rgba(0,177,255,0.90) 100%);
}
section.gradientbkglightvert .bg .section-bg-overlay, .row.gradientbkglightvert .col > .col-inner, .col.gradientbkglightvert > .col-inner {
  background: rgb(220,234,242, 1);
  background: linear-gradient(180deg, rgba(220, 234, 242, 1) 0%, rgba(0,177,255,0.70) 100%);
}
h1.gradient, h2.gradient, h3.gradient, h4.gradient, h5.gradient {
  background: #2546F3;
  background: linear-gradient(to right, #2546F3 0%, #00B1FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner.bkg-gradient-1 {background: linear-gradient(-45deg, #9acd32, #00ced1) !important;}
.banner.bkg-gradient-2 {background: linear-gradient(-45deg, #9370db, #00bfff) !important;}
.banner.bkg-gradient-3 {background: linear-gradient(-45deg, #FF8C00, #FF69B4) !important;}
.banner.bkg-gradient-1-reverse {background: linear-gradient(-45deg, #00ced1, #9acd32) !important;}
.banner.bkg-gradient-2-reverse {background: linear-gradient(-45deg, #00bfff, #9370db) !important;}
.banner.bkg-gradient-3-reverse {background: linear-gradient(-45deg, #ff69b4, #FF8C00) !important;}

/* align to bottom of container */
.row.balign {
  position: absolute; 
  bottom: 0px; 
  max-width: 92% !important;
}

/* fix title icon placement */
.section-title i.icon-angle-right {
  margin-left: 0px;
  margin-right: 10px;
}

/* column BKG hover effect */
.row.hovercol > .col > .col-inner, .row.hovercolwhite > .col > .col-inner {
  -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;
}
.row.hovercol > .col:hover > .col-inner {background-color: rgba(0, 0, 0, 0.49);}
.row.hovercolwhite > .col:hover > .col-inner {background-color: rgba(255, 255, 255, 0.252);}

/* Icon color gradient */
.icongradient .icon-box svg g path {
  fill: linear-gradient(to right, #2546F3, #00B1FF) !important;
}

.gradient-title-1 h3 {
  background-image: linear-gradient(90deg, #7B68EE 0%, #00BFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for Firefox */
}
.gradient-title-2 h3 {
  background-image: linear-gradient(90deg,#FF69B4 0%,#FF8C00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for Firefox */
}
.gradient-title-3 h3 {
  background-image: linear-gradient(90deg,#00BFFF 0%,#A5CB47 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for Firefox */
}

/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
/* #header #top-bar {
  background: rgb(37,70,243);
  background: linear-gradient(90deg, rgba(37,70,243,1) 0%, rgba(0,177,255,1) 100%);
} */
/* #header #masthead {border-bottom: 1px solid rgba(255,255,255,.25);} */
/* #header #masthead .header-inner .header-button-1 .header-button .button.secondary {
  background: rgb(37,70,243, 0.45);
  background: linear-gradient(90deg, rgba(37,70,243) 0%, rgba(0,177,255) 100%);
  border: none;
  box-shadow: 0px 0px 2px white;
} */

#header #masthead .header-inner .header-button-1 .header-button .button.secondary {
    position: relative;
    overflow: hidden;
    background: rgb(37, 70, 243, 0.45);
    background: linear-gradient(90deg, rgba(37, 70, 243) 0%, rgba(0, 177, 255) 100%);
    border: none;
    box-shadow: 0px 0px 2px white;
    color: white; /* Set initial text color */
    transition: background 0.5s;
}

#header #masthead .header-inner .header-button-1 .header-button .button.secondary::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(37, 70, 243) 0%, rgba(0, 177, 255) 100%);
    transition: left 0.5s;
}

#header #masthead .header-inner .header-button-1 .header-button .button.secondary:hover::before {
    left: 100%;
}

#header #masthead .header-inner .header-button-1 .header-button .button.secondary:hover {
    background: linear-gradient(90deg, rgba(0, 177, 255) 0%, rgba(37, 70, 243) 100%); /* Right-to-left gradient on hover */
    box-shadow: 0px 0px 10px white;
}

#wide-nav {
  background-color: hsla(0,0%,100%,.2)!important;
  border-color: hsla(0,0%,100%,.09);
}



.header-button .button.icon {
  display: inline-flex;        /* make icon + text live in one row */
  align-items: center;         /* vertically center them */
}

.header-button .button.icon i {
  margin-right: 0.4em;         /* space between icon and text */
  position: relative;          /* keep relative positioning */
  top: 0;                      /* reset the odd offset */
}

.header-button .button.icon span {
  line-height: 1;              /* keep text aligned nicely */
}







/*-----------------------------------------------------------------------------------*/
/*	HOMEPAGE
/*-----------------------------------------------------------------------------------*/



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



/*-----------------------------------------------------------------------------------*/
/*	CORE STYLES
/*-----------------------------------------------------------------------------------*/
/* 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, #main ul.product-categories, #main ul.product_list_widget, #main ul.sidebar-wrapper, #main ul.woocommerce-order-overview, ul.product-categories li ul.children {
    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;}

.gform_wrapper legend {
  border-bottom: none;
  text-transform: none;
}

/* 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, .roundthecorners .product-category .box-category .box-image, .portfolio-element-wrapper .roundthecorners .portfolio-box .box-image {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;}
.roundthecorners.product-small .box-image {border-radius: 12px 12px 0px 0px !important;} 
.roundthecorners.product-small .box-text {border-radius: 0px 0px 12px 12px !important;}
.roundthecorners.product-small {border: 3px solid #fff !important;}
div.lightbox-by-id.lightbox-content, div.product-lightbox.lightbox-content {border-radius: 10px !important;}
.product-lightbox.lightbox-content .product-gallery .flickity-slider .slide img {border-radius: 10px 0px 0px 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.fivecolfull .col {
      max-width: calc(20%) !important; /* Adjust the max-width accordingly */
      -ms-flex-preferred-size: calc(20%) !important;
      flex-basis: calc(20%) !important;
    }
    .row.fivecolfull .col:last-child {
        margin-right: 0; /* Remove margin for the last column in the row */
    }
    
    
    
    .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, ul.woocommerce-order-overview 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, ul.woocommerce-order-overview 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, ul.woocommerce-order-overview li:before {content: "\f105" !important;}

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

/*youtube video size*/
.embed-youtube, figure.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px !important;
  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-top: 0 !important;}
.logged-in .video.video-fit {padding-top: 56.25% !important;}
.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;}

/* Inverts SVG Icon Colors */
.icons-invert .icon-box .has-icon-bg .icon .icon-inner{
    background:#25abea;
}
.icons-invert .icon-box:hover .has-icon-bg .icon .icon-inner{
    background:#FFF;
}
.icons-invert .icon-box svg g path, .icons-invert .icon-box svg path{
    fill:#FFF !important;
    color:#FFF !important;
}
.icons-invert .icon-box:hover svg g path, .icons-invert .icon-box:hover svg path{
    fill:#25abea !important;
    color:#25abea !important;
}

/* Fix Block Gallery */
figure.wp-block-gallery.has-nested-images {
    display: flex;
    flex-wrap: wrap;
}
.is-layout-flex {display: flex !important;}

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