/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.wpc-weather-id {
    position: relative !important;
}

.wpc-loading-spinner:nth-child(3), .wpc-298:nth-child(4),
.wpc-loading-spinner:nth-child(5), .wpc-298:nth-child(6),
.wpc-loading-spinner:nth-child(7), .wpc-298:nth-child(8) {
    display: none !important;
}


#wpc-weather.medium .now .time_symbol svg {
    height: 40px !important;
    width: auto !important;
}

.fts-jal-fb-header > h1 {
    display: none;
}

.open-water {
    background-image: url(https://www.paradiseadventuretours.com/wp-content/uploads/2019/06/diver2.jpg);    
}
.advanced-open-water {
    background-image: url(https://www.paradiseadventuretours.com/wp-content/uploads/2019/06/dive-1849531_1920-1199x800.jpg);
    
}
.rescue-diver {
    background-image: url(https://www.paradiseadventuretours.com/wp-content/uploads/2019/06/16-1263x800.jpg);
}
.dive-master {
    old-background-image: url(https://www.paradiseadventuretours.com/wp-content/uploads/2019/06/16-1263x800.jpg);    
}
.master-scuba-diver {
    background-image: url(https://www.paradiseadventuretours.com/wp-content/uploads/2019/06/diving-714852_1920-e1561744344690.jpg);        
}
.callout {
    old-background-image: url(https://www.paradiseadventuretours.com/wp-content/uploads/2019/06/diving-714852_1920-e1561744344690.jpg);
}
.emergency-first-responder {
    background-image: url(https://www.paradiseadventuretours.com/wp-content/uploads/2019/06/16-1263x800.jpg);                
}
.oxygen-provider {
    old-background-image: url(https://www.paradiseadventuretours.com/wp-content/uploads/2019/06/16-1263x800.jpg);                    
}

.open-water, .advanced-open-water, .rescue-diver, .dive-master, .master-scuba-diver, .callout, .emergency-first-responder, .oxygen-provider {
    background-size: cover;
    background-position: center 30%;
    old-background-attachment: fixed;
}

.open-water h2, .advanced-open-water h2, .rescue-diver h2, .dive-master h2, .master-scuba-diver h2, .callout h2, .emergency-first-responder h2, .oxygen-provider h2 {
    font-size: 52px;
    color: white;
    text-align: center;
}

.open-water h3, .advanced-open-water h3, .rescue-diver h3, .dive-master h3, .master-scuba-diver h3, .callout h3, .emergency-first-responder h3, .oxygen-provider h3 {
    font-size: 50px;
    color: #00c2df;
    text-align: center;
}

.open-water a, .advanced-open-water a, .rescue-diver a, .dive-master a, .master-scuba-diver a, .callout a, .emergency-first-responder a, .oxygen-provider a {
    display: block;
    margin: 0 auto;
    max-width: 280px;
}

.open-water .col-inner, .advanced-open-water .col-inner, .rescue-diver .col-inner, .dive-master .col-inner, .master-scuba-diver .col-inner, .callout .col-inner, .emergency-first-responder .col-inner, .oxygen-provider .col-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 570px;
}

.open-water .col-inner h2, .open-water .col-inner h3,
.advanced-open-water .col-inner h2, .advanced-open-water .col-inner h3,
.rescue-diver .col-inner h2, .rescue-diver .col-inner h3,
.dive-master .col-inner h3,
.master-scuba-diver .col-inner h2, .master-scuba-diver .col-inner h3,
.callout .col-inner h2, .callout .col-inner h3,
.emergency-first-responder h2, .emergency-first-responder h3,
.oxygen-provider h2, .oxygen-provider h3
{
    flex-grow: 1.0;
    align-items: center;
    display: flex;
    justify-content: center;
}


.advanced-open-water h2, .oxygen-provider h2 {
    text-shadow: 2px 2px #00c2df;
    color: #005dd9;    
}

.rescue-diver h3 {
    color: white;
}
.dive-master .col-inner .img.has-hover, .emergency-first-responder .col-inner .img.has-hover, .oxygen-provider .col-inner .img.has-hover {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 90% !important;
}

.dive-master h2 {
    text-transform: uppercase;
    text-shadow: 2px 2px #00c2df;
    color: #005dd9;
    font-weight: 600;
}
.dive-master h3 {
    color: #008599;
}

.master-scuba-diver h2 {
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 2px 2px #00c2df;
}

.master-scuba-diver h3 {
    color: #ffdd1a;
    font-weight: 600;
}

.callout h3 {
    font-size: 36px;
}

.callout .col:nth-child(1) .col-inner {
    background-color: rgba(11, 33, 90, 0.86);
    box-shadow: gray 5px 5px 5px;
    padding: 30px;
}

.callout .col:nth-child(2) .col-inner {
    background-color: rgba(11, 33, 90, 0.86);
    box-shadow: gray 5px 5px 5px;
    border-radius: 100%;
}

.callout h2 {
    text-transform: uppercase;
    color: gold;
    font-weight: 600;
    font-size: 36px;
}
@media (max-width: 575px) {
    h3.section-title {
	font-size: 28px;
    }
    
    .open-water h3 {
	color: white;
    }
    
    .callout h3 {
	font-size: 30px;
    }
}

.callout .col {
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.emergency-first-responder h2 {
    color: white;
}

.emergency-first-responder h3 {
    color: gold;
    font-size: 36px;
}

.callout h2.alt {
    color: cyan;
}
.emergency-first-responder h3 {
    color: #008599;    
}

@media (max-width: 750px) {
    .hoverZoomSlider {
	margin-bottom: 20px;
    }
    
}

    .hoverZoomSlider > .col.medium-4 .fill {
	background-color: rgba(32,32,32,0.3);
    }

    .hoverZoomSlider > .col.medium-4.zoomMe .fill {
	background-color: transparent;
    }

@media (min-width: 750px) {
    .hoverZoomSlider > .col.medium-4 {
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;

    max-width: unset !important;
    flex-basis: unset !important;
    width: 33%;
    }
    
.hoverZoomSlider .zoomMe.col.medium-4.small-12.large-4 {
    width: 50%;
}

.hoverZoomSlider .col.medium-4.small-12.large-4 h2 {
    transition: margin-top 0.5s ease;        
    margin-top: 0px;    
}

.hoverZoomSlider .col.medium-4.small-12.large-4 h2 strong {
    transition: font-size 0.5s ease;
}

.hoverZoomSlider .zoomMe.col.medium-4.small-12.large-4 h2 {
    margin-top: 30px;
}
.hoverZoomSlider .zoomMe.col.medium-4.small-12.large-4 h2 strong {            
    font-size: 50px;
}

.hoverZoomSlider .shrinkMe.col.medium-4.small-12.large-4 {
    width: 25%;
}

.hoverZoomSlider .shrinkMe.col.medium-4.small-12.large-4 h2 strong {
    font-size: 20px;
}

}

.bg-grayscale .button.white.is-outline {
    opacity: 0;
    font-size: 1.6em;
    transition: opacity 0.5s ease;
}

.bg-grayscale:hover .button.white.is-outline {
    opacity: 1.0;
}


li.html_nav_position_text_top > a {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 20px;
  padding-bottom: 14px;
}

#post-list .has-post-thumbnail img {
    max-width: 200px !important;
}
#post-list .has-post-thumbnail .entry-image { text-align: center; }

.ws .badge, .ar .badge, .w4k .badge, .wf .badge {
    z-index: 9;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-size: 100%;
    background-repeat: no-repeat;    
}
.ms_image .badge {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 0px;
}
.wf .badge {
    old-background-image: url(https://ar.mcneesolutions.com/wp-content/uploads/2022/11/WorkerFringeIconBlack.png);    
}
.wf .badge::after {
    content: 'WorkerFringe';
}
.ar .badge {
    old-background-image: url(https://ar.mcneesolutions.com/wp-content/uploads/2023/01/cropped-ARlogo-32x32.png);
}
.ar .badge::after {
    content: 'AdvantageResource';
}
.w4k .badge {
    old-background-image: url(https://ar.mcneesolutions.com/wp-content/uploads/2023/01/w401k_trans-1.png);
}
.w4k .badge::after {
    content: 'Worker401k';
}
.ws .badge {
    old-background-image: url(https://ar.mcneesolutions.com/wp-content/uploads/2022/11/icon-wscom11.png);
}
.ws .badge::after {
    content: 'WorkerServices';
}


body.single.webinar-template-default .entry-image {
    max-width: 200px;
    margin: 0 auto;
}