/*
 Theme Name:     Ocean Express Divi Child
 Theme URI:      https://www.funfactornv.com/gallery/divi-oexp/
 Description:    Divi Child Theme for Ocean Express Powerboats Inc
 Author:         Fun Factor NV
 Author URI:     https://www.funfactornv.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/* CSS for overlay */
.oexp-popup-overlay {
    position: fixed; /* fixed it */
    top: 0; /* moves it to the top */
    width: 100%; /* makes it fullwidth */
    height: 100vh; /* makes it full height of the screen */
    z-index: -1; /* moves the section behind all the rest so it is not shown */
    justify-content: center; /* centers the row in the middle */
    align-items: center;  /* centers the row in the middle */
	  opacity: 0; /* hides the overlay */
	  overflow: hidden;
	  transition: opacity 0.4s ease-in-out; /* fades it in */
	  -webkit-transition: opacity 0.4s ease-in-out;
	  -moz-transition: opacity 0.4s ease-in-out;
}

/* CSS for overlay when shown */
.oexp-popup-overlay.show {
	  display: flex; /* flex as this allows us to center the row */
	  opacity: 1; /* shows the overlay */
    z-index: 99999; /* moves the overlay on top of all the other sections */
}

/* CSS X icon above the content */
.oexp-popup-overlay>.et_pb_row:after {
    display: block;
    content: "\4d"; /* Elegant themes icon code */
    font-family: ETmodules;
    position: absolute; /* makes the icon absolute to the parent */
    top: 0px; /* moves to top */
    right: 40px; /* moves to right */
    font-size: 40px;
    visibility: visible;
    color: #fff;
	  cursor: pointer; /* changes the cursor to be a pointer */
}

/**
* Team Contact Detail Styles
*/
.oexp-contact-wrap {
    display: flex;
    flex-direction: column;
    flex-flow: wrap column;
    align-items: center;
}
.oexp-contact-row {
    display: flex;
    flex-direction: row;
    flex-flow: wrap row;
    align-items: center;
}
svg.oexp-contact-row {
    fill: #c44f65;
}
.oexp-iblurb-wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    align-content: center;
}
.oexp-iblurb-icon {
    width: 50%;
    color: #c44f65;
}
.oexp-blurb-column {
  display: flex;
  flex-flow: wrap column;
}

.oep-blurb-icon {
  color: #c44f65;
}

.oexp-model-specs-2col {
    display: grid;
    grid-template-columns: 50% 50%;
}

.oexp-model-specs-1col {
    display: grid;
    grid-template-columns: 90%;
    justify-content: center;
}

.oexp-model-class {
    padding: 2px 0;
}

.oexp-model-hertg-class {
    background-color:  #c44f65;    
}
.oexp-model-dc-class {
    background-color: #757575;    
}
.oexp-model-crsr-class {
    background-color: #1fc4a6;    
}
.oexp-model-cntr-class {
    background-color:  #c66600;    
}
.oexp-model-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    
    min-height: 3em;
    padding: 2px 0;
    margin: 2px 0;
}
.oexp-onsale-now {
    border-radius: 8px;
    background-color: #c44f65;
    color: White;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin: 4px;
    padding: 4px;
}
.oexp-model-badge {
    color: white;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    margin: 4px;
    padding: 4px;
}
.oexp-model-descr {
    color:  #c44f65;
    font-size: 18px;
    font-weight: normal;
}
.oexp-boat-list {
	display: grid;
	grid-template: auto / auto auto auto;
}
.oexp-boat-title-pvw {
	font-size: 1.4em;
}
.oexp-boat-price-pvw {
	font-size: 1.4em;
	font-weight: 600;
	color: red;
}