/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* This is supposed to fix the issue with fixed backgrounds not appearing in Chrome*/
@media (max-width: 1024px) {

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
     section.elementor-section {
         transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);
      }
 } 
	
/* This gets rid a column border in tablet and mobile when you might apply one to just one side. Add the class .noborder to the column*/
@media (max-width: 1024px) {
.noborder .elementor-column-wrap {
border: none !important;
}
}

/* gets rid of the header left border in footer widget titles*/
#footer-widgets .footer-box .widget-title
{border-width:0px;
padding-left:0px;}

/*
This is the css that is applied to a section when you to reverse the 2 columns order when it resizes on Tablet by adding the class "tablet-reverse" (Elementor can reverse columns on mobile with the responsive setting but not on tablet) 
*/
@media screen and (max-width: 1024px) and (min-width: 768px) {.tablet-reverse .elementor-row {flex-direction: column-reverse !important;}}

/* changes the padding at top of Blog Page if you use the default one. I don't so it is commented out
body.blog #main #content-wrap {
padding-top: 150px;
}
*/

/* changes the padding at top of News Page */
#main #content-wrap {
padding-top: 100px;
}

/* changes the padding at top of single news post 
body.single-post #main #content-wrap {
padding-top: 150px;
}
*/

/* Change Column and Element icons back to pre-1.5 behavior so you don't have to hover over them to expand options */
.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-settings .elementor-editor-element-trigger:not(.elementor-active)~.elementor-editor-element-setting { 
    width: 25px !important; font-size: 11px !important;
}

/* Reverse the Element icons order so that it matches the Sections and Columns order */ 
.elementor-editor-active .elementor.elementor-edit-mode .elementor-editor-element-settings { 
    flex-direction: row !important;
}

/* Change Section editor background colour */
.elementor-editor-section-settings .elementor-editor-element-setting {
background-color: #5a8b13;
}

/* Change Column editor background colour */
.elementor-editor-column-settings .elementor-editor-element-setting {
background-color: #0000FF;
}

/* Change Widget editor background colour */
.elementor-editor-widget-settings .elementor-editor-element-setting {
background-color: #FF0000;
}

/*
This is to enable the faster loading video option
*/
.youtube-player {
position: relative;
padding-bottom: 56.23%;
/* Use 75% for 4:3 videos */
height: 0;
overflow: hidden;
max-width: 100%;
background: transparent;
margin: 5px;
}

.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}

.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}

.youtube-player img:hover {
-webkit-filter: brightness(75%);
}

.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url("https://imgur.com/TxzC70f") no-repeat;
cursor: pointer;
}

/*
This is to add the white underline to the current page on the main menu
*/
.effect-two #site-navigation-wrap .dropdown-menu>li.current-menu-item>a.menu-link>span:after {
position: absolute;
bottom: -30%;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
content: '';
opacity: 1;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}