/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

#stark-side {
	position: fixed;
    right: 0px;
    bottom: 40px;
    z-index: 1000;
	writing-mode: vertical-rl;
    text-orientation: mixed;
	mix-blend-mode: color-dodge;
    opacity: 0.2;
    margin-top: 0;
    margin-right: 0;
    letter-spacing: normal;
	pointer-events: none;
}

.brd-hov-lt {
	transition: 0.2s;
	border-left: 3px solid var(--awb-color1);
}

.brd-hov-lt:hover {
	border-left: 3px solid var(--awb-color4);
}




.fusion-accordian .fa-plus:before {
	content: "+";
}

.fusion-accordian .fusion-toggle-icon-boxed .panel-title a .fa-fusion-box {
	border: 1px #ffffff4d solid !important;
	height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: 0.2s;
	transition-timing-function: linear;
}

.fusion-accordian.tglw .fusion-toggle-icon-boxed .panel-title a .fa-fusion-box {
	border: 1px #e8e4dc solid !important;
	height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: 0.2s;
	transition-timing-function: linear;
}

.fusion-accordian .fusion-toggle-icon-boxed .panel-heading .panel-title a.active .fusion-toggle-icon-wrapper .inactive-icon {
    display: none;
}

.fusion-accordian .fusion-toggle-icon-boxed .panel-title a:not(.active):hover .fa-fusion-box {
	background-color: #ffffff00 !important;
}

.fusion-accordian.tgl .panel-group,
.fusion-accordian.tglw .panel-group {
	border-top: 1px solid #a2a8b3;
}

.fusion-accordian .fusion-toggle-icon-boxed .panel-title a.active .fa-fusion-box {
	background-color: #ffffff00 !important;
	border: 1px var(--awb-color4) solid !important;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
	transform: rotate(45deg);
}

.fusion-body .fusion-accordian.tgl .panel-title {
	margin-left: 68px;
}

.tgl .panel-heading:before {
	display: inline-block;
    border: 1px solid #ffffff45;
    color: #ffffff45;
    font-family: 'Cormorant Garamond', serif;
    padding: 0px 16px;
    position: absolute;
    margin-top: 12px;
	transition: 0.2s;
	transition-timing-function: linear;
}

.tgl .panel-heading:hover:before {
	border: 1px solid var(--awb-color4);
	color: var(--awb-color4);
}

.tgl.fusion-accordian .panel-heading:hover a.active .fusion-toggle-heading, 
.tglw.fusion-accordian .panel-heading:hover a.active .fusion-toggle-heading{
	color: var(--awb-color4) !important;
}


.tgl-1 .panel-heading:before {
	content: "01";
}

.tgl-2 .panel-heading:before {
	content: "02";
}

.tgl-3 .panel-heading:before {
	content: "03";
}

.tgl-4 .panel-heading:before {
	content: "04";
}



.acc-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 32px;
    list-style: none;
}

.acc-list li {
    font-size: 13px;
    font-weight: 300;
    color: var(--text-muted);
    padding: 8px 0;
    padding-left: 18px;
    position: relative;
    border-bottom: 1px solid #e8e4dc;
}

.acc-list li::before {
    content: '/';
    position: absolute;
    left: 0;
    color: var(--gold);
    font-size: 10px;
    top: 10px;
}



@media (min-aspect-ratio: 1375/1025) {
	
	.hero-bg-w {
		background-size: 100vw auto !important;
	}
	
	.hero-bg-s .fusion-column-has-bg-image {
		background-size: 100vw auto !important;
	}
	
}


@media screen and (max-width: 1120px) {
	
	.m-h1 h1 {
		font-size: 52px !important;
	}
	
}


@media screen and (max-width: 1080px) {
  /* CSS rules to apply when the viewport width is 600px or less and the device is a screen */
  
  .fl-med-0 {
    flex-grow: 0 !important;
  }
  
  .m-fl-rt > .fusion-column-wrapper > .fusion-builder-row {
	    justify-content: flex-end !important;
  }
  
}

@media screen and (max-width: 800px) {
	
	.hero-bg-w {
		background-size: cover !important;
	}
	
	.hero-bg-s .fusion-column-has-bg-image {
		background-size: cover !important;
	}
	
}


@media screen and (max-width: 900px) {
	
	.m-h1 h1 {
		font-size: 48px !important;
	}
	
}

@media screen and (max-width: 720px) {
	
  .fl-med-0 {
    flex-grow: 2 !important;
  }
  
  .m-btn-c > .fusion-column-wrapper {
	    justify-content: center !important;
		border-top: 1px solid #e1e1e1 !important;
  }
  
  .btn-m-sm {
	padding: 10px 8px !important;
  }
  
  .btn-m-sm .fusion-button-text {
	font-size: 11px;
  }
	
}