/*
Theme Name: Divi Child - Jan 24
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.14.7.1643059743
Updated: 2022-01-24 15:29:03

*/

:root {
    --blue1: #009FE1;
    --blue2: #004467;
    --blue3: #002334;
    --gray1: #F5F8FA;
    --gray2: #F1F4F6;
    --gray3: #9AA8AF;
    --stdspace1: 24px;
    --stdspace2: 12px;
  }
  
  /*
  
  Main Navigation
  
*/
  
  .et_menu_container {
      height: 80px;
  }
  
  header .logo_container > a > img {
      max-height: 48px !important;
      height: 48px !important;
  }
  
  #et-top-navigation {
      padding-left: 148px !important;
      padding-top: 0 !important;
      width: 100%;
  }

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

	  #et-top-navigation #top-menu {
		  display: flex;
		  justify-content: flex-end;
	  }
	
  }
  
  #top-menu-nav, .nav {
      width: 100%;
  }
  
  #top-menu-nav .current-menu-ancestor a {
	  color: var(--blue3) !important;
  }

  .nav .cs_nav_extrawidth ul {
	  width: 300px !important;
  }
  
  #top-menu-nav .nav > .menu-item {
      padding-right: 0px !important;
      padding-left: 0px;
  }
  
  #top-menu-nav .nav > .menu-item > a {
      padding-bottom: 0 !important;
      padding-right: var(--stdspace1);
      padding-left: var(--stdspace1);
      height: 80px !important;
      display: flex !important;
      align-items: center;
      border-bottom: 4px solid rgba(255, 255, 255, 0);
      border-top: 4px solid rgba(255, 255, 255, 0);
      font-weight: 400;
  }
  
  #top-menu-nav .nav > .menu-item > a:hover {
      border-bottom: 4px solid var(--blue1);
      opacity: 1.0 !important;
      transition: all 0.2s ease-in-out !important;
  }
  
  #top-menu-nav .menu-item-has-children > a:after {
      content: none !important;
  }
  
  #top-menu-nav .current-menu-item > a {
      color: var(--blue3) !important;
  }
      
  
  #top-menu-nav .nav li .sub-menu {
      border-top: solid 4px var(--blue1) !important;
      border-color: var(--blue1) !important;
      margin-top: -4px;
  }
  
  #top-menu-nav .nav li .sub-menu > .menu-item {
      padding: 0px !important;
      width: 100%;
  }
  
  #top-menu-nav .nav li .sub-menu > .menu-item > a {
      font-weight: 400;
      padding: 10px var(--stdspace1) !important;
      width: 100% !important;
	  font-size: 14px;
  }
  
  #top-menu-nav .nav li .sub-menu > .menu-item > a:hover {
      opacity: 1.0 !important;
  }
  
  #top-menu-nav .nav > .cs_nav_contactus > a {
      background: var(--blue1);
      color: white !important;
      font-weight: 700 !important;
      height: 40px !important;
      margin-top: 20px;
      border-radius: 64px;
      border: none;
      margin-right: var(--stdspace1);
  }
  
  #top-menu-nav .nav > .cs_nav_contactus > a:hover {
      background: var(--blue2);
      border: none;
  }
  
  /* Nav - Icon Items */
  
  
  #top-menu-nav .nav > .cs_nav_company > a {
	  padding-right: 48px;
  }

  #top-menu-nav .nav > .cs_nav_account > a {	
      padding-right: 48px;
	  padding-left: 48px;
  }
  
  #top-menu-nav .cs_nav_account > .sub-menu {
      right: 0 !important;
  }
  
  #top-menu-nav .cs_nav_account > .sub-menu > li > a {
      text-align: right;
  }
  
  #top-menu-nav .nav > .cs_nav_account > a:before {
      content: "\007C" !important;
      font-size: 18px !important;
      position: absolute !important;
      left: 0 !important;
      top: 28px !important;
      font-weight: 400 !important;
  }

  #top-menu-nav .nav > .cs_nav_account > a:after {
      content: none !important;
  }
  
  
#top-menu-nav .nav > .menu-item > a {
  font-size: 14px !important;		
  padding-left: var(--stdspace2);
  padding-right: var(--stdspace2);
}

#top-menu-nav .nav > .cs_nav_contactus > a {
  margin-right: var(--stdspace2);
}

#main-header #top-menu .menu-item-has-children > a {
    position: relative;
    padding-right: 28px;
    padding-left: 20px
}

#main-header #top-menu .menu-item-has-children > a:before {
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 800;
    content: "\f078" !important;
    padding-left: 0;
    right: 8px;
    display: flex;
    position: absolute;
	transition: ease all .3s;
}

#main-header #top-menu .menu-item-has-children > a:hover:before {
    transform: rotate(180deg);
}

#main-header #top-menu .cs_nav_company.menu-item-has-children > a {
    padding-right: 44px;
}

#main-header #top-menu .cs_nav_company.menu-item-has-children > a:before {
    right: 24px;
}

#main-header #top-menu .cs_nav_account > a:before {
    left: -4px !important;
}


/* Nav - Icon Items */


#top-menu-nav .nav > .cs_nav_account > a {	
  padding-left: 24px;
  padding-right: 24px;
}

#top-menu-nav .nav > .cs_nav_company > a {
  padding-right: 16px;
}
  
  
  /*
  
  Mobile Navigation
  
  */

  #et_mobile_nav_menu .mobile_menu_bar {
      height: 80px;
      display: flex;
      align-items: center;
      padding: 0 !important;
      transition: ease all .2s;
  }
  
  
  #et_mobile_nav_menu .opened .mobile_menu_bar {
      transform: rotate(90deg);
  }
  
  #et_mobile_nav_menu .closed .mobile_menu_bar:before {
      font-family: 'Font Awesome 5 Free' !important;;
      content: "\f0c9" !important;
      font-weight: 900;
      font-size: 24px;
  }
  
  #et_mobile_nav_menu .opened .mobile_menu_bar:before {
      font-family: 'Font Awesome 5 Free' !important;;
      content: "\f00d" !important;
      font-weight: 900;
      font-size: 24px;
  }
  
  #et_mobile_nav_menu .et_mobile_menu {
      padding: 5% 0 !important;
  }
  
  #et_mobile_nav_menu .et_mobile_menu .menu-item > a {
      background: rgba(255,255,255, 0.0);
      font-weight: 400;
      font-size: 18px;
      padding: 16px 32px;
      color: var(--blue3);
  }
  
  #et_mobile_nav_menu .et_mobile_menu .sub-menu {
      background: var(--gray1);
  }
  
  #et_mobile_nav_menu .et_mobile_menu .sub-menu .menu-item a:before {
      font-family: 'Font Awesome 5 Free' !important;;
      content: "\f0da" !important;
      font-weight: 900;
      font-size: 24px;
      position: relative !important;
      right: 16px;
      top: 2px;
      color: var(--blue1);
  }
  

  /* 
  
  Footer Styles 
  
  */
  
  footer .container:after {
      content: "Copyright © 2024 CloudSaver, Inc.";
      color: var(--gray3);
      font-size: 14px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 64px;
      border-top: solid 2px var(--gray3);
  }
  
  footer #footer-widgets {
      padding-top: 64px;
      display: flex;
  }
  
  footer #footer-widgets .footer-widget {
      display: flex;
      flex-direction: column;
      flex: 1;
  }
  
  footer #footer-widgets .footer-widget:first-child div:nth-of-type(1),
  footer #footer-widgets .footer-widget:first-child div:nth-of-type(2) {
      margin-bottom: 16px;
  }
  
  footer #footer-widgets .footer-widget:first-child div:nth-of-type(2) p {
      font-size: 16px;
      color: var(--gray3);
      margin-bottom: 12px;
  }
  
  footer #footer-widgets .footer-widget:first-child {
      flex: 2;
  }
  
  footer #footer-widgets .footer-widget div:first-child {
      margin-bottom: 32px;
  }
  
  footer #footer-widgets .footer-widget div:first-child h2 {
      font-size: 16px;
  }
  
  footer #footer-widgets .footer-widget .wp-block-social-links li,
  footer #footer-widgets .footer-widget .wp-block-social-links li a {
      padding: 0;
  }
  
  footer #footer-widgets .footer-widget .wp-block-social-links li a {
      font-size: 32px;
      margin-right: 8px;
	  color: var(--gray3) !important;
  }

  footer #footer-widgets .footer-widget .wp-block-social-links li a svg {
      color: var(--gray3) !important;
  }
  
  footer #footer-widgets .footer-widget .wp-block-social-links li a:hover {
      opacity: 1.0;
      color: var(--blue1);
  }
  
  footer #footer-widgets .footer-widget .wp-block-social-links li:before {
      content: none;
  }
  
  footer #footer-widgets .footer-widget .widget_nav_menu ul li {
      padding-left: 0;
      margin-bottom: 32px;
  }
  
  footer #footer-widgets .footer-widget .widget_nav_menu ul li:before {
      content: none;
  }
  
  footer #footer-widgets .footer-widget .widget_nav_menu ul li a {
      font-size: 16px;
      color: var(--gray3);
      transition: ease all .2s;
  }
  
  footer #footer-widgets .footer-widget .widget_nav_menu ul li a:hover {
      color: var(--blue1);
      opacity: 1.0;
  }
  
  #footer-bottom {
      display: none;
  }

.cs_footer_heading {
	padding-bottom: 10px !important;
}
  
  @media only screen and (max-width: 1100px) {
  
      footer #footer-widgets {
          flex-wrap: wrap;			
      }
      
      
      footer #footer-widgets .footer-widget {
          flex: 1 !important;
          min-width: 25%;
          margin-right: 0 !important;					
      }
      
      footer #footer-widgets .footer-widget:first-child {
          min-width: 100% !important;
          flex: 5 !important;
      }
      
  }
  
  @media only screen and (max-width: 800px) {
  
      footer #footer-widgets {
          flex-wrap: wrap;			
      }
      
      footer #footer-widgets .footer-widget {
          flex: 1 !important;
          min-width: 100% !important;
          margin-right: 0 !important;
      }
  
  }
  
  @media (max-width: 767px) {
      #footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget {
          margin-bottom: 24px !important;
      }
      .wp-block-social-links {
          margin-bottom: 32px;
      }
  }


/* 

Module - Toggle 

*/

.et_pb_toggle {
	background: var(--gray2);
	border: none;
	border-radius: 4px;
	padding: 48px;
	border-left: solid 4px var(--gray2);
	margin-bottom: 16px !important;
}

.et_pb_toggle h5 {
	font-size: 24px;
}

.et_pb_toggle ul {
	padding: 20px 0 24px 32px;
}

.et_pb_toggle li {
	padding-bottom: 4px;
}

.et_pb_toggle_content {
	padding-top: 32px;
}

.et_pb_toggle_close .et_pb_toggle_title {
	color: var(--blue2) !important;
}

.et_pb_toggle_close .et_pb_toggle_title:before {
	font-family: 'Font Awesome 5 Free' !important;;
    content: "\f00d" !important;
    font-weight: 900;
	color: #808F9E;
	font-size: 22px;
	transform: rotate(45deg);
}

.et_pb_toggle_open .et_pb_toggle_title:before {
	font-family: 'Font Awesome 5 Free' !important;;
    content: "\f00d" !important;
    font-weight: 900;
	color: #808F9E;
	font-size: 22px;
}

.et_pb_toggle_open {
	border-left: solid 4px var(--blue1);
}

.et_pb_toggle_open .et_pb_toggle_title {
	color: var(--blue1) !important;
}

.something {
	font-family: 'Font Awesome 5 Free' !important;;
    content: "\f00d" !important;
    font-weight: 900;
}



/* 

Rows & Sections 

*/

.cs_std_row_heading {
	padding-bottom: 0;
}
.cs_std_row_content {
	padding-bottom: 0;
}

.cs_std_section {
	padding-top: 0;
}


/*

Events

*/

.tribe-events-page-template .tribe-events-l-container {
	margin-top: 32px;
	margin-bottom: 32px;
	background: white !important;
	padding: 0 !important;
	max-width: 1280px !important;
	width: 80%;
}

.tribe-events-page-template .tribe-events-l-container img {
	border-radius: 4px;
}

.tribe-events-c-subscribe-dropdown {
	margin-bottom: 0 !important;
}

.tribe-events-c-subscribe-dropdown__button {
	border: solid 2px var(--blue1) !important;
	background: white !important;
	color: var(--blue1) !important;
}

.tribe-events-c-subscribe-dropdown__button:hover {
	border: solid 2px var(--blue1) !important;
	background: var(--blue1) !important;
	color: white !important;
}

.tribe-events-calendar-list__event-description p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Nav Fix - Tag Manager Launch */

#top-menu-nav .cs_nav_sub_login > a,
.cs_nav_sub_login > a {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
}

.cs_nav_sub_login > a:before {
    font-family: 'Font Awesome 5 Free'!important;
    content: "\f0da";
    font-weight: 800;
    padding-left: 8px;
}

.cs_home_menu .et-menu .cs_nav_services > .sub-menu,
#top-menu-nav .cs_nav_services > .sub-menu {
    width: 300px;
}

.cs_home_menu .et-menu .cs_nav_account > .sub-menu .sub-menu:has(.cs_nav_login_subitem),
#top-menu-nav .cs_nav_account > .sub-menu .sub-menu:has(.cs_nav_login_subitem) {
    top: -20px;
}