/*
 Theme Name:   Divi Child Plus
 Theme URI:    /divi-child-plus/
 Description:  A modified child theme of Divi
 Author:       Web Wizards
 Author URI:   https://webwizards.ca/
 Template:     Divi
 Version:      1.2.1
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  divi-child-plus
*/

@import "modified.css";


.wrap_content {
  margin-bottom: 40px;
}

/* screensaver volume buttons */
.volumnebtns {
    position: absolute;
    bottom: 50px;
	left:20px;
	z-index:9999;
}
.volumnebtns button {
    color: #fff;
    background: #c3291d;
    border: 2px solid #fff;
    font-weight: bold;
    padding: 12px 20px;
    width: 150px;
    border-radius: 50px;
    text-align: left;
    position: relative;
    box-shadow: 0 0 15px #000;
    margin-right: 10px;
}
.volumnebtns button:nth-child(1):after{
	content:"";
	width:30px;
	height:30px;
	background: url('/wp-content/uploads/2024/09/Volume-Down.png') no-repeat;
	background-size:contain;
	position:absolute;
	right:7px;
	top:5px;
}
.volumnebtns button:nth-child(2):after{
	content:"";
	width:30px;
	height:30px;
	background: url('/wp-content/uploads/2024/09/Volume-Up.png') no-repeat;
	background-size:contain;
	position:absolute;
	right:12px;
	top:5px;
}

/* WP 6.6 text-decoration */
:root :where(a:where(:not(.wp-element-button))) { text-decoration: none; }

.page.et_pb_pagebuilder_layout #main-content,
.et_pb_section.et_pb_section_0_tb_body.et_section_regular {
    min-height: calc(100vh - 123px);
}
.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_specialty {
    min-height: calc(100vh - 145px);
}
/*show hamburger menu on desktop*/
@media (min-width: 980px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: none;
}
.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center;
}
}
.et_pb_menu .et_mobile_nav_menu li {
    list-style-type: none;
	border-bottom: 1px solid #555;
}

.et_pb_menu .et_mobile_nav_menu li a {
    margin: 1rem 0;
    padding: .5rem 5%;
}

/* ### menu text for menu with theme builder ### */
.et_mobile_nav_menu:before {
    content: 'MENU';
    font-size: 25px;
    position: absolute !important;
    top: 35px !important;
    right: 17px;
    color: #000000;
}
.mobile_nav.closed {
    text-align: left;
    width: 140px;
}
.mobile_nav.opened {
    text-align: left;
    width: 140px;
}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    padding: 0px!important;
}

.et_pb_dp_dmb_module_ef5b9e8e p:not(.has-background):last-of-type {
    color: #d01921;
	font-size: 24px;
}
footer {
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
}

/* Shine */
.contour {
    position: absolute;
    top: 0;
    left: 20px;
    height: 810px;
    width: 100%;
    overflow: hidden;
    z-index: 999;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-image: url(https://iconcampingworld.webwizards.ca/wp-content/uploads/2024/05/Amber-Balcaen-1-1.png);
    mask-image: url(https://iconcampingworld.webwizards.ca/wp-content/uploads/2024/05/Amber-Balcaen-1-1.png);
}

.contour:before {
    content: "";
    z-index: 10;
    position: absolute;
    height: 200%;
    width: 200%;
    top: -120%;
    left: -120%;
    background: linear-gradient(transparent 0%,
        rgba(255, 255, 255, 0.1) 45%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0.1) 55%,
        transparent 100%);
    transition: all 2s;
    transform: rotate(-45deg);
    animation: shine 3s infinite forwards;
}

@keyframes shine {
    0% {
        top: -120%;
        left: -120%;
    }
    100% {
        left:100%;
        top:100%;
    }

}


/** Measurement Form  **/ 

form#ww_search_form {
    display: flex;
    flex-direction: column;
    float: left;
    padding-right: 30px;
	margin-bottom: 40px;
    max-width: 320px;
}
select#id_brand {
    font-size: 24px;
}
input[type="submit"] {
    background: #d01921;
    color: #fff;
    border: 0;
    padding: 20px 60px;
    border-radius: 50px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
	cursor:pointer;
}
input[type="submit"]:hover {
    background: #000;
}
h2.accordion {
    font-size: 20px;
}
a.model-link {
	color: #d01921;
    border-radius: 50px;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    border-bottom: 4px solid #d01921;
}

.product-list {
    max-height: 450px;
    overflow-y: scroll;
	padding-right:20px;
}

.ww_fender_skirt-template-default .et_pb_with_border.et_pb_column_1_3.et_pb_column.et_pb_column_2_tb_body.et_pb_css_mix_blend_mode_passthrough {
    margin-right: 50px;
	padding-right: 50px;
}
.ww_fender_skirt-template-default .et_pb_with_border.et_pb_column_1_3.et_pb_column.et_pb_column_3_tb_body.et_pb_css_mix_blend_mode_passthrough:before,
.ww_shroud-template-default .et_pb_with_border.et_pb_column_1_3.et_pb_column.et_pb_column_3_tb_body.et_pb_css_mix_blend_mode_passthrough:before {
    content:"";
	width:1px;
	height:100%;
	background:#000;
	position:absolute;
	top: 0;
    left: -40px;
}
.ww_fender_skirt-template-default .et_pb_with_border.et_pb_column_1_3.et_pb_column.et_pb_column_3_tb_body.et_pb_css_mix_blend_mode_passthrough:after,
.ww_shroud-template-default .et_pb_with_border.et_pb_column_1_3.et_pb_column.et_pb_column_3_tb_body.et_pb_css_mix_blend_mode_passthrough:after {
    content:"";
	width:1px;
	height:100%;
	background:#000;
	position:absolute;
	top: 0;
    right: -40px;
}

button#wpforms-submit-2392 {
    background: #e62532;
    color: #fff;
    padding: 20px 60px;
    border-radius: 50px;
	text-transform: uppercase;
}
/** SCROLLBAR  **/
/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #555; 
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #333;  
}

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #d01921!important;
    border: 1px solid #d01921!important;
    color: #fff!important;
    margin-top: 30px!important;
}

@media all and (max-width:1366px) {
	.page-id-200 .et_pb_row.et_pb_row_3 {max-height: 720px;}
	.page-id-200 h1 {font-size: 32px !important;}
	.page-id-200 h2 {font-size: 24px !important;}
}


/* Quiz */
.dashicons-format-image {
    position: relative;
}
i.dashicons.dashicons-format-image.img_replace {
    font-size: 35px;
    width: 35px;
    height: 35px;
    padding-left: 10px;
    color: #d01921;
	margin-top: -20px;
}
.dashicons-format-image:before {
    content: "\f177"!important;
}
.dashicons-format-image:after {
    content: "Example";
    font-size: 12px;
    position: absolute;
    font-family: 'IBM Plex Sans';
    top: 30px;
    left: -9px;
    width: 77px;
}

#et-boc .divi-area-wrap .evr-close, .popup_outer_wrap [data-dm-type=popup] .evr-close {
    font-size: 50px;
}