/*
Theme Name: Arzel Comfort - Custom Theme
Theme URI: http://www.ggcomm.com/
Author: Goldstein Group Communications
Author URI: http://www.ggcomm.com/
Description: Arzel's 2021 Site Design
Version: 1.0
*/

/*
 * BASE
 */

 :root{
  --arz_lime: #7fbc03;
  --arz_mint: #67950a;
  --arz_pale: #eeeeee;
  --arz_gray: #717173;
  --arz_indigo: #09006d;
  --arz_lightblue: #6fa6f9;
}

body, html {
	font-family: 'Open Sans', sans-serif, sans-serif;
	color: #717073;
  transition: all 0.33s ease;
}

body.logged-in.admin-bar .site-header {
	top: 32px;
}

body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}


h2 {
	font-weight: bold;
	font-size: 48px;
	line-height: 48px;
}
@media (max-width: 576px) {
	h2 {
		font-size: 1.5rem;
	}
}
@media (min-width: 577px) and (max-width: 768px) {
	h2 {
		font-size: 1.8rem;
	}
}

h4 {
	font-size: 1.8rem;
	line-height: 2.4em;
}

@media (max-width: 576px) {
	h4 {
		font-size: 1.2rem;
	}
}
@media (min-width: 577px) and (max-width: 768px) {
	h4 {
		font-size: 1.4rem;
	}
}

p{
	font-size: 1.1rem;
	line-height: 2.1em;
}

ul li ,
ol li {
  font-size: 1.1rem;
	line-height: 2.1em;
}
@media (max-width: 576px) {
	p {
		font-size: 1rem;
		line-height: 1.3em;
	}
}
@media (min-width: 577px) and (max-width: 768px) {
	p {
		font-size: 1.2rem;
		line-height: 1.6em;
	}
}

a{ transition: all 0.2s ease; color: #7eba00; }
a:hover{ color: #131f6b; }

.clearfix{ clear: both;}
.aligncenter{ display: block;margin: auto;}
.alignleft{ display: block;float: left;}
.alignright{ display: block;float: right;}
.text-center{text-align:center;}
.animate_this{ opacity: 0;}

.pad-bot-0{ padding-bottom: 0rem;}
.pad-bot-1{ padding-bottom: 2rem;}
.pad-bot-2{ padding-bottom: 5rem;}
.pad-bot-3{ padding-bottom: 7rem;}
.pad-bot-4{ padding-bottom: 10rem;}

@media (max-width: 576px) {
	.pad-bot-0{ padding-bottom: 0rem;}
	.pad-bot-1{ padding-bottom: 1rem;}
	.pad-bot-2{ padding-bottom: 2rem;}
	.pad-bot-3{ padding-bottom: 4rem;}
	.pad-bot-4{ padding-bottom: 6rem;}
}

.pad-top-0{ padding-top: 0rem;}
.pad-top-1{ padding-top: 2rem;}
.pad-top-2{ padding-top: 5rem;}
.pad-top-3{ padding-top: 7rem;}
.pad-top-4{ padding-top: 10rem;}

@media (max-width: 576px) {
	.pad-top-0{ padding-top: 0rem;}
	.pad-top-1{ padding-top: 1rem;}
	.pad-top-2{ padding-top: 2rem;}
	.pad-top-3{ padding-top: 4rem;}
	.pad-top-4{ padding-top: 6rem;}
}


/* MARGIN */
.mar-bot-0{ margin-bottom: 0rem;}
.mar-bot-1{ margin-bottom: 2rem;}
.mar-bot-2{ margin-bottom: 5rem;}
.mar-bot-3{ margin-bottom: 7rem;}
.mar-bot-4{ margin-bottom: 10rem;}

@media (max-width: 576px) {
	.mar-bot-0{ margin-bottom: 0rem;}
	.mar-bot-1{ margin-bottom: 1rem;}
	.mar-bot-2{ margin-bottom: 2rem;}
	.mar-bot-3{ margin-bottom: 4rem;}
	.mar-bot-4{ margin-bottom: 6rem;}
}

.mar-top-0{ margin-top: 0rem;}
.mar-top-1{ margin-top: 2rem;}
.mar-top-2{ margin-top: 5rem;}
.mar-top-3{ margin-top: 7rem;}
.mar-top-4{ margin-top: 10rem;}

@media (max-width: 576px) {
	.mar-top-0{ margin-top: 0rem;}
	.mar-top-1{ margin-top: 1rem;}
	.mar-top-2{ margin-top: 2rem;}
	.mar-top-3{ margin-top: 4rem;}
	.mar-top-4{ margin-top: 6rem;}
}


.mar-0{ margin-top: 0rem; margin-bottom: 0rem;}
.mar-1{ margin-top: 1rem; margin-bottom: 1rem;}
.mar-2{ margin-top: 2rem; margin-bottom: 2rem;}
.mar-3{ margin-top: 3rem; margin-bottom: 4rem;}
.mar-4{ margin-top: 5rem; margin-bottom: 6rem;}

@media (max-width: 576px) {
	.mar-0{ margin-top: 0rem; margin-bottom: 0rem;}
	.mar-1{ margin-top: 1rem; margin-bottom: 1rem;}
	.mar-2{ margin-top: 2rem; margin-bottom: 2rem;}
	.mar-3{ margin-top: 3rem; margin-bottom: 3rem;}
	.mar-4{ margin-top: 4rem; margin-bottom: 4rem;}
}

.h-40{
	height: 40%!important;
}

.h-60{
	height: 60%!important;
}

.del-100{
  animation-delay: 100ms !important;
}

.del-250{
  animation-delay: 250ms !important;
}

.del-400{
  animation-delay: 400ms !important;
}

.del-500{
  animation-delay: 500ms !important;
}

.del-750{
  animation-delay: 750ms !important;
}

.del-1s,
.del-1000{
  animation-delay: 1s !important;
}

.del-1500{
  animation-delay: 1500ms !important;
}

.del-2s,
.del-2000{
  animation-delay: 2s !important;
}

.del-3s{
  animation-delay: 3s !important;
}

.del-4s{
  animation-delay: 4s !important;
}

.del-5s{
  animation-delay: 5000ms !important;
}

.del-6s{
  animation-delay: 6s !important;
}


.duration-250{
  animation-duration: 250ms !important;
}

.duration-500{
  animation-duration: 500ms !important;
}

.duration-750{
  animation-duration: 750ms !important;
}

.duration-1s{
  animation-duration: 1s !important;
}

.duration-2s{
  animation-duration: 2s !important;
}

.duration-3s{
  animation-duration: 3s !important;
}

.duration-6s{
  animation-duration: 6s !important;
}


@media (min-width: 1200px){
  .container {
      max-width: 1200px;
  }
}

@media (min-width: 1300px){
  .container {
      max-width: 1300px;
  }
}

.sticky{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.btn{
  transition: all 0.5s ease;
}


a.btn-primary{
  position: relative;
  display: inline-block;
  background: #131f6b;
  border: 0px solid transparent;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  border-radius: 50px;
  padding: 0.5em 4em;
  width: auto;
  cursor: pointer;
  transition: all 0.33s ease;
  z-index:9;
}

a.btn-primary:hover{
  background: #131f6b;
}

a.btn-secondary{
  position: relative;
  display: inline-block;
  background: #7eba00;
  border: 0px solid transparent;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #ffffff !important;
  font-size: 18px;
  border-radius: 50px;
  padding: 0.5em 4em;
  width: auto;
  cursor: pointer;
  transition: all 0.33s ease;
  z-index:9;
}

a.btn-secondary:hover{
  background: #639200;
}

a.btn-outline{
  position: relative;
  display: inline-block;
  border: 1px solid #7eba00;
  background: #ffffff;
  border: 0px solid transparent;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #7eba00;
  font-size: 18px;
  border-radius: 50px;
  padding: 0.5em 4em;
  width: auto;
  cursor: pointer;
  transition: all 0.33s ease;
  z-index:9;
}

a.btn-text:hover{
  color: #7eba00;
}

@media only screen and (max-width: 600px) {
  a.btn-primary,
  a.btn-secondary,
  a.btn-outline{
    padding: 0.5em 2em;
    max-width: 100%;
    /* white-space: break-spaces; */
  }
}


a.btn-link{
  color: #131f6b !important;
}

a.btn-arrow{
  color: #131f6b !important;
  font-weight: 700;
  text-decoration: none !important;
}
a.btn-arrow:after{
  font-family: 'Font Awesome\ 5 Free' !important;
  font-weight: 900;
  content: "\f061";
  display: inline-block;
  padding-left: 0.5em;
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
a.btn-arrow:hover:after{
  padding-left: 1.5em;
  transform: scaleY(-1.0);
}


/* header{
  background: rgba(255,255,255,0.5);
} */

header .dropdown-toggle::after{
  display: none;
}

header .nav-wrapper{
  background-color: #eff1f4;
}
header .navbar .primary_nav li{
  list-style: none;
  display: inline-block;
}

header .navbar .primary_nav li a{
  color: #575656;
  font-size: 18px;
  font-weight: 500;
  padding: 0.5rem 0.75rem;
  transition: all 0.25s ease;
}

header .navbar .primary_nav > li:hover > a{
  color: #131f6b;
}

.site-header{
  background: #fff;
}

.site-header #primary_nav ul li a + ul.dropdown-menu{
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  border: none;
  border-radius: 0;
  transition: all 0.25s ease-in;
}

.site-header #primary_nav ul li:hover a + ul.dropdown-menu{
  display: block;
  width: auto;
  height: auto;
  opacity: 1;
  border-radius: 0;
  border-top: 6px solid  #7eba00;
  margin-top: -5px;
  padding-bottom: 0px;
}

.site-header #primary_nav ul li a + ul.dropdown-menu li a:active{
  color: #fff;
  background: #131f6b;
}

.site-header #primary_nav ul li a + ul.dropdown-menu li{
  display: block;
}

.site-header #primary_nav ul li a + ul.dropdown-menu li a{
  color:#575656;
  padding: .25rem 2rem !important;
  border-bottom: 1px solid #f1f2f3;
  font-size: 0.95rem;
  min-width: 16em;
  background: #fcfcfc;
}

.site-header #primary_nav ul li a + ul.dropdown-menu li:hover a{
  background: #f1f1f1;
}

.site-header #primary_nav .dropdown-toggle::after{
  display: none;
}

.site-header #primary_nav ul > li a{
  position: relative;
}

/* .site-header #primary_nav ul > li a:after{
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  background: #7eba00;
  transition: height 0.25s ease;
  bottom: 0;
  left: 0;
}
.site-header #primary_nav ul > li:hover a:after{
  width: 100%;
  height: 4px;
} */

.site-header #primary_nav ul > li.button:hover a:after{
  display: none !important;
  width: 0;
  height: 0;
}

.site-header #primary_nav ul li a + ul.dropdown-menu li a:after{
  display: none !important;
}
header .head-links .btn{
  margin-right: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {

  header .dropdown{
    padding: 0.25em 2em;
    font-size: 15px;
  }
  header .head-links{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
}

header .btn{
  padding: 0.25em 3em;
}


@media (max-width: 576px) {

  header .btn{
    padding: 0.25em 2em;
    font-size: 15px;
  }

  header #site_logo{
    max-height: 86px;
  }

}


#primary_nav_modal{
  overflow-y: auto;
  margin: 0;
  padding: 0;
}

.mobile_nav{
  margin: 0;
  padding: 0;
  overflow-wrap: unset;
}

#primary_nav_modal li{
  list-style: none;
  display: block;
}

#primary_nav_modal li a{
  color: #131f6b;
  font-size: 24px;
  line-height: 30px;
}

#primary_nav_modal ul li a + ul.dropdown-menu{
  display: block !important;
  position: relative;
  border: none;
  width: 100%;
  text-align: center;
  margin-top: 0;
  padding-top: 0;
}

#primary_nav_modal .dropdown-menu li{
  display: inline-block;
}

#primary_nav_modal .dropdown-menu li a{
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  padding: 0.5em;
  color: var(--isw_drk_gray);
}

#primary_nav_modal .dropdown-menu li .dropdown-menu{
  display: block;
}

#primary_nav_modal button.close{
  font-size: 3em !important;
  z-index: 999;
  color: #131f6b;
  opacity: 1;
}

#primary_nav_modal .modal-content{
  border: none;
  border-radius: 0;
}

#primary_nav_modal .modal-dialog{
  max-width: 100% !important;
}

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.in {
  opacity: 1 !important;
  transform: scale(1);
}

.modal-backdrop,
.modal{
  background-color: #fff;
}

/*   ***********   */
/*   Blog Single   */
/*   ***********   */

.blog-single .blog-content h1{
  color: #131f6b;
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
  font-family: 'Open Sans', sans-serif, sans-serif;
}
.blog-single .blog-content h2 {
  font-size: 28px;
}

.blog-single .blog-content .topics,
.blog-single .blog-content .topics a{
  color: #131f6b !important;
}

.blog-single .blog-content .share{
  color: #131f6b !important;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.25em;
}

.blog-single .blog-content .share a:first-of-type{
  margin-left: 1em;
}

.blog-single .blog-content .share a{
  color: #131f6b;
  line-height: 1.25em;
}

.blog-single .blog-content .share a i{
  font-size: 1.25em;
  line-height: 1.25em;
  min-width: 1.5em;
  text-align:center;
}

.blog-single .blog-content p,
.blog-single .blog-content li{
  font-size: 16px;
}

.blog-single .blog-content b,
.blog-single .blog-content strong{
  font-weight: 700;
}

.blog-single .blog-content p,
.blog-single .blog-content li,
.blog-single .blog-content h2,
.blog-single .blog-content h3,
.blog-single .blog-content h4,
.blog-single .blog-content h5,
.blog-single .blog-content h6
{
  color: #131f6b !important;
}

.blog-single .blog-topics{
  border-left: 1px solid #131f6b;
}

.blog-single .blog-topics h4{
  color: #131f6b;
  font-size: 1.2em;
  line-height: 1.1em;
  font-weight: bold;
}

.blog-single .blog-topics ul{
  padding: 0;
  margin: 0;
}

.blog-single .blog-topics ul li{
  list-style: none;
  font-size: 1em;
}

.blog-single .blog-topics ul li a{
  color: #131f6b !important;
  font-size: 1em !important;
  font-weight: 400;
}

.blog-single .subscription-form{
  background: #eeeeee !important;
  border-radius: 36px;
}
.blog-single .subscription-form label{
  font-weight: 400 !important;
  font-size: 1rem !important;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #575656;

}
.blog-single .subscription-form input[type="text"],
.blog-single .subscription-form input[type="email"]{
  border-radius: 20px;
  border: none;
  min-width: 100% !important;
  outline: none;
  text-indent: 1em;
  padding: 0 !important;
}

.blog-single .subscription-form input[type="checkbox"]{
  vertical-align: top !important;
  margin-right: 6px;
  outline: none;
}

.blog-single .subscription-form input[type="checkbox"] + label{
  font-size: 0.7em !important;
  margin-top: 1px;
}

.blog-single .subscription-form input[type="checkbox"]:checked{
  background-color: #131f6b;
}

.blog-single .subscription-form input[type="checkbox"]:checked + label{
  color: #000;
}

.blog-single .subscription-form .gform_wrapper .top_label div.ginput_container{
  margin: 0;
  padding: 0;
}

.blog-single .subscription-form h4{
  color:  #131f6b;
  line-height: 32px;
  font-size: 22px;
  text-align: center;
}

.blog-single .subscription-form button,
.blog-single .subscription-form button:hover {
  border: 1px solid transparent;
  overflow: hidden;
  position: relative;
  border-radius: 2em;
  background: #131f6b;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  font-size: 18px;
  border-radius: 50px;
  padding: 0.5em 3em;
  cursor: pointer;
}
.blog-single .subscription-form button span {
  z-index: 90;
  position: relative;
  color: #fff;
}
.blog-single .subscription-form button:after {
  background: #131f6b;
  background: radial-gradient(circle, #50bbb2 11%, #4e9ccf 35%, #131f6b 65%);
  border: 1px solid #131f6b;
  border-radius: 50%;
  content: "";
  height: 300px;
  left: -33%;
  opacity: 0.5;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 300px;
  z-index: 10;
}
.blog-single .subscription-form button:hover:after {
  left: 40%;
  top: -150px;
  opacity: 1;
  -webkit-transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1);
}



.blog-single .recent-posts{
  border-top: 1px solid #131f6b;
}

.blog-single .recent-posts h6{
  font-weight: 700;
  margin-right: 1em;
  letter-spacing: 1px;
}

.blog-single .recent-posts a{
  color: #131f6b;
}


/*   ***********   */
/*   Breadcrumbs   */
/*   ***********   */

.breadcrumbs h1{
  font-size: 1.25em;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}

.breadcrumbs span,
.breadcrumbs a{
  font-size: 0.95rem;
  line-height: 0.95em;
  text-decoration: none !important;
  color: #464646 !important;
  display: inline-block;
}

.breadcrumbs a:hover{
  text-decoration: underline !important;
  color: #7fbc03 !important;
}

.breadcrumbs span:after{
  content: '\f324';
  font-family: 'Font Awesome 5 Pro' !important;
  padding: 0px 0.25em;
  display: inline-block;
  color: #2f3439;
  font-weight: 900;
  font-size: 0.5rem;
  line-height: 0.95em;
  transform: translateY(-2px);
}


.breadcrumbs span:last-child:after{
  content: '';
}



/*   ******   */
/*   Footer   */
/*   ******   */

footer{
  /* position: absolute; */
  /* width: 100%;
  bottom: 0; */
  color: #fff;
  background: #09006d;
}

footer a:hover{
  color: #7eba00 !important;
}

footer .member-logos{
  background: #fff;
  box-shadow: inset 0 20px 20px rgba(0,0,0,0.2);
}

footer .member-logos h4{
  color: #09006d;
  font-size: 1.1em;
  line-height:1em;
  font-weight: 700;
}

footer pre{
  color:#fff;
}

footer p,
footer span{
  color: #fff;
  font-weight: 300;
}
footer .recent-posts h4{
  font-size: 1.5em;
  font-weight: 700;
  line-height: 2.1em;
  margin-bottom: 0.75em;
}
footer .recent-posts a{
  font-size: 1.1em;
  text-decoration: none !important;
}

footer .small, footer .small a{
  font-size: 0.9em;
  color: #a1a1a1;
  margin-top: 1em;
  margin-bottom: 2em;
}
footer .small a{
  color: #a1a1a1;
}

footer ul{
  padding: 0 !important;
  margin: 0 !important;
}

footer ul li {
  list-style: none;
}

footer ul li a.nav-link{
  color: #fff;
}

footer ul li a{
  color: #fff;
  font-weight: 400;
}

#isw_footer_col_1 ul li{
  font-weight: 700  !important;
}
footer .socials{
  margin-top: 1em;
  margin-bottom: 2em;
}
footer .socials a{
  color: #fff !important;
  width: 26px;
  line-height: 26px;
  text-align: center;
  height: 26px;
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 50%;
  display: inline-block;
  font-size: 26px;
}

footer .socials a:hover{
  color: #7eba00 !important;
}

footer .address-2{
  margin-bottom: 0.5em;
}

footer .footer-navigation li:not(.btn) a{
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  /* font-size: 1.1em; */
}
footer .footer-navigation li.btn{
  padding: 0;
  margin-top: 0.25em;
}
footer .footer-navigation li.btn a, footer .recent-posts a.btn{
  margin-top: 0.5em;
  position: relative;
  display: inline-block;
  background: #7eba00;
  border: 0px solid transparent;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #ffffff !important;
  font-size: 18px;
  border-radius: 50px;
  padding: 0.5em 4em;
  width: auto;
  cursor: pointer;
  transition: all 0.33s ease;
  z-index:9;
}

footer .footer-navigation li.btn a:hover, footer .recent-posts a.btn:hover{
  background: #639200;
  text-decoration: none !important;
}


footer .footer-text{
  border-top: 1px solid #545667;
  box-shadow: inset 0 40px 40px rgba(0,0,0,0.33);
}

footer .footer-text span,
footer .footer-text a{
    color: #fff;
}