/*
 Theme Name: Accio3d Theme
 Theme URI: https://gonextbound.com/
 Description: Child theme designed for Divi. Divi by Elegant Themes is a highly customizable WordPress theme and visual page builder. 
 Author: Chris Goelkel
 Author URI: https://bluehelixdesign.com/
 Template: Divi
 Version: 4.0.7
 Text Domain: divi-child
*/

/* Size Refrences -  Original Sizes
 * h1 - 46px / 75px SemiBold
 * h2 - 38px / 42px / 54px SemiBold
 * h3 - 28px / 36px SemiBold
 * h4 - 22px Normal / SemiBold
 * Base Body Font Size - 16px
 * */

/* Custom  Min Sizes */
h1 {font-size:46px;}
h2 {font-size:38px; line-height: 1.2em;}
h3 {font-size:22px;}
h4 {font-size:18px;}

/* There has been alot of discussion on the size of the home title and subtitle
 - this is the final version, its curretnly not setup in the builder, . */ 

 .agent-blurb h4{
	font-size: 18px;
}

/* Buttons */

.cta-button {
  /* removed border on 11-1-26
  border: 1px solid #000;*/
  border-radius: 25px;
  background: #ffffff;
  /*box-shadow: 0px 0px 12px 3px #000047;*/
  transition: all .3s 0s;
}

.cta-button a {
  padding: 18px !important;
  color: #000 !important;
}

.cta-button:hover {
    transform: scale(1.1);
    transition: all .2s 0s;
    color:#000047!important;
    opacity: 1!important;
}

.contactusnav a {
    color: #000000!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;

   
}
.et-fixed-header #top-menu .cta-button a {
    color: #000!important;
} 


/* Custom headings */

.home-title {
	font-size: 75px;
	padding-bottom:3%;
}
.home-subtitle {
	font-size: 38px;
	line-height: 1.4em!important;
	/*padding-top: 2%;*/
	padding-bottom: 2%;
	text-align: center;
}
.home-intro {
    font-size: 20px;
	max-width: 675px;
    line-height: 1.4em; 
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

/* Global Mods */

/* Try 1. */
/* Remove dividing line between blog content and sidebar */
#main-content .container::before,
.et_pb_widget_area_right,
.et_pb_sidebar {
  border-left: none !important;
  border-right: none !important;
}


/* Try 2. */
#main-content .container::before {
  display: none !important;
}


/* Try 3. */
.blog #main-content .container::before,
.single-post #main-content .container::before {
  display: none !important;
}

/* Complianz Links */
#cmplz-document a,.editor-styles-wrapper .cmplz-unlinked-mode a {
    text-decoration: underline;
    color: #999999!important;
}

/* Fix accessibility for Complianz dropdowns */
.cmplz-dropdown-title {
    display: flex;
    align-items: center;
    padding: 1.2em;
    cursor: pointer;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 6px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 1.4em;
    transition: all 0.3s ease;
    position: relative;
    color: #333;
}

.cmplz-dropdown-title:hover,
.cmplz-dropdown-title:focus {
    background: #f5f5f5;
    border-color: #1d6f57;
    outline: none;
    box-shadow: 0 0 0 1px rgba(29, 111, 87, 0.2);
}

.cmplz-dropdown-title::after {
    content: '\43';  /* Divi icon font code for dropdown arrow */
    font-family: 'ETmodules';
    position: absolute;
    right: 1.2em;
    transition: transform 0.3s ease;
    font-size: 16px;
    color: #1d6f57;
}

details[open] .cmplz-dropdown-title::after {
    transform: rotate(180deg);
}

.cmplz-dropdown-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 1em;
    width: 24px;
    height: 24px;
    background: #1d6f57;
    color: #fff;
    border-radius: 50%;
    font-weight: 600;
    font-size: 14px;
}

details {
    margin-bottom: 1em;
    border-radius: 6px;
}

details > summary {
    list-style: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

details[open] > summary {
    margin-bottom: 0;
    border-radius: 6px 6px 0 0;
}

details[open] .cmplz-dropdown-title {
    border-bottom-color: transparent;
}

/* Details content styling */
details > div {
    padding: 1.2em 1.2em 1.2em 2.2em; /* Increased left padding by 10px */
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 0 0 6px 6px;
    margin-top: -1px;
}

/* Adjust list item spacing */
details > div ul,
details > div ol {
    padding-left: 1.2em;
    margin: 0.5em 0;
}

details > div li {
    margin-bottom: 0.5em;
}

/* Responsive adjustments */
@media only screen and (max-width: 767px) {
    .cmplz-dropdown-title {
        padding: 1em;
        font-size: 14px;
    }
    
    .cmplz-dropdown-number {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
    
    details > div {
        padding: 1em;
    }
}

#main-content {
    background-color: transparent;
}


/* Buttons */
.button-green {
	color: #fff!important;
	font-size:16px;
	float: right; 
	border: none;
	border-radius:25px;
	background-color: #1d6f57;
	padding:3px 20px!important;
}
/*.button-green:hover {
	border: #fff 1px solid; }
*/


.button-light {
	color: #fff!important;
	font-size:16px;
	float: right; 
	border: none;
	border-radius:25px;
	background-color: #333;
	padding:3px 20px!important;
}

/* Divi Theme Media Queries */

/* Large screens (1405px upwards) */
@media only screen and (min-width: 1405px) {
    .home-title {
        font-size: 75px;
    }
    /* Buttons */

.cta-button {
  border-radius: 25px;
  background: #ffffff;
  transition: all .3s 0s;
}

.cta-button a {
  padding: 18px !important;
  color: #000 !important;
}

.cta-button:hover {
    transform: scale(1.1);
    transition: all .2s 0s;
    color:#000047!important;
    opacity: 1!important;
}

.contactusnav a {
    color: #000000!important;
	/*border: #000 solid 0px;*/
    
   /* border-radius: 25px;
    background-color: #ffffff;*/
}

.et-fixed-header #top-menu .cta-button a {
    color: #000!important;
} 

}

/* Standard Desktop (1100px to 1405px) */
/*@media only screen and (min-width: 1100px) and (max-width: 1405px) {
    .home-title {
        font-size: 65px;
    }
}*/

/* Tablets in landscape mode (981px to 1100px) */
@media only screen and (min-width: 981px) and (max-width: 1100px) {
   
    /* Buttons */

.cta-button {
  border-radius: 25px;
  background: #ffffff;
  transition: all .3s 0s;
}

.cta-button a {
  padding: 18px !important;
  color: #000 !important;
}

.cta-button:hover {
    transform: scale(1.1);
    transition: all .2s 0s;
    color:#000047!important;
    opacity: 1!important;
}

.contactusnav a {
    color: #000000!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
   
}
.et-fixed-header #top-menu .cta-button a {
    color: #000!important;
} 

}

/* Tablets in portrait mode (768px to 980px) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
    h1 {
        font-size: 46px;
    }
    .home-title {
        font-size: 60px;
    }
    .home-subtitle {
        font-size: 33px;
        line-height: 1.4em !important;
        padding-bottom: 2%;
        text-align: center;
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
    }
    /* Buttons */

.cta-button {
  border-radius: 25px;
  background: #ffffff;
  transition: all .3s 0s;
}

.cta-button a {
  padding: 18px !important;
  color: #000 !important;
}

.cta-button:hover {
    transform: scale(1.1);
    transition: all .2s 0s;
    color:#000047!important;
    opacity: 1!important;
}

.contactusnav a {
    color: #000000!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;

}
.et-fixed-header #top-menu .cta-button a {
    color: #000!important;
} 

}
/* Smartphones in landscape mode (480px to 767px) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    h1 {
        font-size: 32px;
    }
    .home-title {
        font-size: 40px;
        line-height: 1.4em;
    }
        
    h2 {
        font-size: 28px;
        line-height: 1.2em;
    }
    h3 {
        font-size: 22px;
    }
    .button-green,
    .button-light {
        float: none;
        display: inline-block;
        margin: 10px 0;
    }
}

/* Smartphones in portrait mode (0px to 479px) */
@media only screen and (max-width: 479px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
		line-height: 1.2em;
		max-width:95%;
		margin-left:auto;
		margin-right: auto;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    .home-title {
        font-size: 38px!important;
		line-height: 1.4em;
    }
    .home-subtitle {
        font-size: 28px!important;
        line-height: 1.4em!important;   
    }
}

sup {
    font-size: 10px!important;
}