/*
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 */


/*////////////////////////////////////////////////////////////////////////////////
Common

Purple		#50348E;
Green		#0ED1AB;	
Purple		#D0C3D7;
Text		#4A4A4A;

H1		30	26	24
H2		30	26	24
H3		24	22	20
H4		20	18	18
H5		17 	16 	16
Body	17 	16 	16

Developed by MinLoveCat


<-. (`-')    _     <-. (`-')_                          (`-') (`-')  _           (`-')  _ (`-')      
   \(OO )_  (_)       \( OO) )  <-.        .->        _(OO ) ( OO).-/ _         (OO ).-/ ( OO).->   
,--./  ,-.) ,-(`-'),--./ ,--/ ,--. )  (`-')----. ,--.(_/,-.\(,------. \-,-----. / ,---.  /    '._   
|   `.'   | | ( OO)|   \ |  | |  (`-')( OO).-.  '\   \ / (_/ |  .---'  |  .--./ | \ /`.\ |'--...__) 
|  |'.'|  | |  |  )|  . '|  |)|  |OO )( _) | |  | \   /   / (|  '--.  /_) (`-') '-'|_.' |`--.  .--' 
|  |   |  |(|  |_/ |  |\    |(|  '__ | \|  |)|  |_ \     /_) |  .--'  ||  |OO )(|  .-.  |   |  |    
|  |   |  | |  |'->|  | \   | |     |'  '  '-'  '\-'\   /    |  `---.(_'  '--'\ |  | |  |   |  |    
`--'   `--' `--'   `--'  `--' `-----'    `-----'     `-'     `------'   `-----' `--' `--'   `--'    


////////////////////////////////////////////////////////////////////////////////*/
html, body {max-width: 100% !important; overflow-x: hidden !important;}
body { position: relative;}
a, a:hover, a:active{outline: none !important; border: none !important;}
.single #outer-wrap #wrap #main #content-wrap #primary{width:100% !important; padding: 0 !important; margin: 0 !important; border:none !important;}
.single #outer-wrap #wrap #main #content-wrap #right-sidebar{ display: none !important; border:none !important;}

#main #content-wrap {padding-top: 0 !important; padding-bottom: 0 !important;}

#primary{ margin-bottom: 0 !important; padding-bottom: 0 !important;}

.bottom-0, .bottom-0 .elementor-widget-container .elementor-text-editor p,
.bottom-0, .bottom-0 .elementor-container .elementor-row .elementor-element .elementor-column-wrap{ 
	margin-bottom: 0 !important;
}

.bottom-5 .elementor-widget-container .elementor-text-editor p,
.bottom-5, .bottom-5 .elementor-container .elementor-row .elementor-element .elementor-column-wrap{ 
	margin-bottom: 10px !important;
}

.bottom-10 .elementor-widget-container .elementor-text-editor p,
.bottom-10, .bottom-10 .elementor-container .elementor-row .elementor-element .elementor-column-wrap{ 
	margin-bottom: 10px !important;
}



.elementor-icon-list-item .elementor-icon-list-text{ margin-top: -11px !important;}



.elementor-text-editor p strong{ font-weight: 800 !important;}

/*////////////////////////////////////////////////////////////////////////////////
Menu

#menu-mainnav li a{font-family: "Quicksand", Sans-serif !important;  font-weight: 700 !important;}
#content-wrap{ padding-left: 0 !important; padding-right: 0 !important;}

.site-header-inner #site-navigation-wrap #menu-mainnav ul li{ padding-top: 20px !important;}

.oceanwp-sticky-header-holder #site-header #site-header-inner #site-navigation-wrap #site-navigation #menu-mainnav{ padding-top: 20px !important;}
.is-sticky #site-header #site-header-inner #site-navigation-wrap #site-navigation #menu-mainnav{ padding-top: 0 !important;}
////////////////////////////////////////////////////////////////////////////////*/

.boxed-layout #wrap .container {
    width: auto;
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*////////////////////////////////////////////////////////////////////////////////
Method
////////////////////////////////////////////////////////////////////////////////*/
#menu-1-bb9bbd3{ border:1px solid #D0C3D7 !important;}
#menu-1-bb9bbd3 li, #menu-1-bb9bbd3 li a { min-width: 598px !important;}
#menu-1-bb9bbd3 li .sub-menu{ margin-left: -1px !important;}

#menu-1-bb9bbd3 li a { position: relative !important; display: block !important;}



.sub-arrow .fa{ display: none !important;}

.method-menu{width:600px !important;}
.method-menu .elementor-widget-container{ 
	width: 100%; height: 50px;  
	background: url(https://whatsonthegrapevine.com/wp/wp-content/uploads/2020/12/arrow-down.svg) no-repeat !important;  
	background-position: 98% 7px !important; background-size: 32px !important;
	
}

/*////////////////////////////////////////////////////////////////////////////////
CTA
////////////////////////////////////////////////////////////////////////////////*/

.cta .elementor-widget-container ul li a .elementor-icon-list-text{ margin-top: 1px !important;}



/* ---------------------------------------------------
Responsive Styles Large Desktop And Above
--------------------------------------------------- */
@media all and (min-width: 1405px) {
  
  
}
 
/* ---------------------------------------------------
Responsive Styles Standard Desktop Only
--------------------------------------------------- */ 
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
 
}

/* ---------------------------------------------------
Responsive Styles Tablet And Below
--------------------------------------------------- */ 
@media all and (max-width: 980px) {
	
	
}
 
/* ---------------------------------------------------
Responsive Styles Tablet Only
--------------------------------------------------- */
@media all and (min-width: 768px) and (max-width: 980px) {
 
 
}
 
/* ---------------------------------------------------
Responsive Styles Smartphone Only
--------------------------------------------------- */
@media all and (max-width: 767px) {
 
 /* -----dropdown menu-------- */
#menu-1-bb9bbd3 li, #menu-1-bb9bbd3 li a { min-width: 320px !important; }

 /* -----header-------- */
 #site-header-inner {
    padding: 20px 20px 0px 20px !important;
}

#site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    max-height: 50px !important;
}

}
 
/* ---------------------------------------------------
Responsive Styles Smartphone Portrait
--------------------------------------------------- */
@media all and (max-width: 479px) {
 
 
}



/* ---------------------------------------------------
iPhone 4 and 4S -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

}


/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}


/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}



/* ---------------------------------------------------
iPhone 5 and 5S -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

}


/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}


/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}


/* ---------------------------------------------------
iPhone 6 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	

}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}


/* ---------------------------------------------------
iPhone 6+ -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {

}


/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
	
}


/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
	
}


/* ---------------------------------------------------
 Galaxy S3 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {

}


/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

}


/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

}



/* ---------------------------------------------------
Galaxy S4 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {

}


/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

}


/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}



/* ---------------------------------------------------
Galaxy S5 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 3) {

}


/* Portrait */
@media screen and (device-width: 360px)  and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

}


/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}



/* ---------------------------------------------------
 iPad 1 and 2 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

}
/* ---------------------------------------------------
iPad 3 and 4 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

}