/**
 * Theme Name:     Coffer Group Child theme
 * Author:         Nika Agency
 * Template:       Divi
 * Text Domain:	   coffer-group-child-theme
 * Description:    Good sh*t happens here.
 * Theme URI:      https://nika.agency
 * Author URI:     https://nika.agency
 * Version:        1.0
 */

h1,h2,h3,h4,h5,p,span,li,a{
	font-family:var(--inter);
}

/*
.container {
  width:80%;
  max-width:1400px;
  margin:auto;
  position:relative
}
*/



/* COMMON */
#et-boc{overflow:hidden;}

.btn, #gform_1 .gform_footer input[type="submit"],  #gform_2 .gform_footer input[type="submit"] {
	border-radius: 5px;
	background: var(--orange);
	color: #FFF;
	text-align: center;
	font-family: var(--poppins);
	font-size: clamp(0.8rem, 4vw, 0.8rem);
	font-style: normal;
	font-weight: 500;
	line-height: 191.523%; /* 30.644px */
	padding: 0.8em 2em;
	transition: var(--transition);
	
	padding: 0.7em 4em;
	transition: var(--transition);
	text-transform: capitalize;
}


@media(min-width:1800px){
	.btn {
		font-size: 16px;
	}
}

.btn:hover,#gform_1 .gform_footer input[type="submit"]:hover , #gform_2 .gform_footer input[type="submit"]:hover {
	background: var(--orangeHover);
	transition: var(--transition);
}

.gform_footer input[type="submit"]{
	width: 100% !important;
}

#contact .container .form .gform-body > div {
  gap: 1rem;
}

#gform_confirmation_message_1{
	font-family: var(--inter);
    font-size: calc(var(--textSize) + 0.2rem);
}

/* HEADER */
#innerLogin{background: #2a59a1;  display: flex;}
#innerLogin .container{
	display: flex;
  	justify-content: end;
}

#innerLogin .container div{
	display: flex;
	gap: 1rem;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	align-items: center;
	margin-right: 1rem;
}

#innerLogin a{
	color: #FFF;
	font-family: Inter;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: 191.523%; /* 26.813px */
	text-transform: uppercase;
}


#mainMenuPC .et_pb_menu__menu, #mainMenuPC .et-menu-nav{width:100%}
#mainMenuPC{flex:1;}
#menu-main-menu{width: 100%;display: flex;  gap: 3rem;  margin-left: 4rem;}
#menu-main-menu li{padding-left:0 !important;padding-right:0 !important;}
#menu-main-menu a{
	color: #FFF !important;
	font-family: var(--inter);
	font-size: calc(var(--textSize) + 0.2rem );
	font-style: normal;
	font-weight: 400;
	line-height: 191.523%; /* 34.474px */
	padding-right:0 !important;
	display:block;
	padding-left:0 !important;
}

/*#menu-main-menu a.active,*/
#menu-main-menu a:hover, 
#menu-main-menu li.et-show-dropdown > a{
	font-weight: 700; opacity: 1; 
}
/* remove after elements in menu items that have submenu */
#menu-main-menu .et-menu .menu-item-has-children > a:first-child::after,#menu-main-menu a::after{content:none !important;}

/* submenu */
@media(min-width:600px){
	.et_pb_menu .et-menu-nav > ul ul {
		  padding-top: 10px;
		}
}

#menu-main-menu .sub-menu{
  border-radius: 5px;
  border: 0;
  background: transparent !important;
  /*padding-top: 0 !important;*/
  padding-bottom: 0 !important;
  left: -40px;
  width: auto;
  min-width: 400px;
  overflow: hidden;
}

#menu-main-menu .sub-menu li{
	width: 100%;
	padding-left: 1.2rem !important;
	position: relative;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	background: #F3F5FC;
}

#menu-main-menu .sub-menu li:first-child{
	border-top: 1px solid rgba(39, 106, 205, 0.20);
   border-radius: 5px 5px 0 0;
}

#menu-main-menu .sub-menu li:last-child{
	border-bottom: 1px solid rgba(39, 106, 205, 0.20);
    border-radius: 0px 0px 5px 5px;
}
#menu-main-menu li.abt-mn ul.sub-menu li{
	 border-radius: 5px !important;
	 width: 60%;
}


#menu-main-menu .sub-menu a{
	color: #071F45 !important;
	font-family: var(--inter);
	/*font-size: var(--textSize); - FONT BIGGER - 06-27-2024 FIX*/
	font-size: calc(var(--textSize) + 0.1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 321.523%; /* 51.444px */
	opacity:0.8;
	position:relative;
	width: 100%;
    padding: 0;
}

#menu-main-menu .sub-menu li:hover{	background: white; }
#menu-main-menu .sub-menu li::after{
	position:absolute;
	content: url('/wp-content/uploads/2024/03/arrow-right.svg');
	right:-20px;
	top:50%;
	transform:translateY(-50%);
	opacity:0;
	transition: all 200ms ease;
}

#menu-main-menu .sub-menu li:hover::after{
	right:15px;
}



#menu-main-menu .sub-menu li:hover::after{
	opacity:1;
}

#menu-main-menu .sub-menu li:hover a{ 
	opacity:1; 
	font-weight:700; 
	background:white !important;
}

.header-contact {
	display: flex;
	gap: 1.5rem;
	align-items: center;
}

.header-contact a.phone{
	display: flex;
	  align-items: center;
	  gap: 1rem;
}

.header-contact .contactPhones {
	color: #FFF;
	font-family: var(--inter);
	font-size: calc(var(--textSize) - 1px);
	font-style: normal;
	font-weight: 400;
	line-height: 191.523%; /* 30.644px */
	text-transform: uppercase;
	word-spacing: 10px;
}

.header-contact .contactbtn {
	border-radius: 5px;
	border: 1px solid rgba(19, 59, 121, 0.18);
	background: #FFF;
	color: var(--orange);
	font-family: var(--inter);
	font-style: normal;
	font-weight: 600;
	line-height: 191.523%; /* 30.644px */
	text-transform: uppercase;
	transition: var(--transition);
	font-size: calc(var(--textSize) - 1px);
	padding: 0.9em 2.5em;
}

.header-contact .contactbtn:hover {
	border: 1px solid var(--orange);
	background: var(--orange);
	color: #fff;
	transition: var(--transition);
}


	
/* Footer - MOBILE FIRST */
footer {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

footer .container{  margin-top: 2rem; }

footer hr {
	height: 1px;
	opacity: 0.2;
	background: #276ACD;
	/*width: 85%;*/
	max-width: 1400px;
	margin: auto;
	margin-top: 4rem;
	width: 80%;
}

footer .main-footer {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

footer .main-footer .column1,
footer .main-footer .column3 {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

footer .main-footer .main-footer-presentation {
	color: #071F45;
	font-family: var(--inter);
	font-size: clac(var(--textSize) + 0.1rem);
	font-style: normal;
	font-weight: 500;
	line-height: 188.023%;
}

footer .main-footer .main-footer-history {
	color: #071F45;
	font-family: var(--inter);
	font-size: calc(var(--textSize) - 0.1rem);
	font-style: normal;
	font-weight: 300;
	line-height: 188.023%;
}

footer .main-footer .main-footer-adress {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: fit-content;
	/*margin-left: auto;*/
	padding-right: 3rem;
}

footer .main-footer .main-footer-adress span {
	color: #071F45;
	font-family: var(--inter);
	font-size: calc(var(--textSize) + 0.1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 188.023%;
}

footer .main-footer .phones {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

footer .main-footer .phones a {
	color: #071F45;
	font-family: var(--inter);
	font-size: calc(var(--textSize) + 0.1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 188.023%;
	width:fit-content;
}

footer .main-footer .phones a:last-child {
	text-decoration: underline;
}

footer .main-footer .phones a:last-child:hover {
	text-underline-offset: 3px;
}

footer .main-footer .main-footer-socials {
	display: flex;
	gap: 2.5rem;
	align-items: center;
}

footer .main-footer .main-footer-socials a {
	border-radius: 50%;
	background: #F4F4F4;
	padding: 1em 0.9em;
	display: flex;
	align-items: center;
	border: 1px solid transparent;
}

footer .main-footer .main-footer-socials a:hover {
	border: 1px solid #ddd;
}

footer .copyright {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

footer .copyright p {
	color: #071F45;
	font-family: var(--inter);
	font-size: calc(var(--textSize) - 0.1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

footer .copyright .copyright-links {
	display: flex;
	text-align: right;
	gap: 2rem;
}

footer .copyright .copyright-links a {
	color: #071F45;
	opacity: 0.7;
	font-family: var(--inter);
	font-size: calc(var(--textSize) - 0.1rem);
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

footer .copyright .copyright-links a:hover {
	opacity: 1;
}




@media (min-width: 1000px) {
	footer .container{  margin-top: 0; }
	
	footer .main-footer {
		flex-direction: row;
	}

	footer .main-footer .column1 {
		width: 40%;
	}

	footer .main-footer .column2 {
		width: 30%;
		margin-top: 8%;
	}

	footer .main-footer .column3 {
		width: 30%;
		margin-top: 8%;
		padding-left: 2rem;
	}
	
	
	footer .main-footer .main-footer-adress {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		width: fit-content;
		margin-left: auto;
		padding-right: 3rem;
	}


}