/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 2.0
*/

/**** ADJUSTMENTS FOR GENERIC SCENARIO PAGES ****/
.single-scenario .wp-block-media-text {
	max-width:800px!important;
	margin:auto;
}
.single-scenario .wp-block-group__inner-container .wp-block-heading, .single-scenario .wp-block-group__inner-container .wp-block-buttons {
  max-width:1000px;
	margin:auto;
}

/**** FIXES ON HOW OCEANWP DISPLAYS ****/
.wp-block-group__inner-container .wp-block-heading {
	padding-left: calc(50% - 40vw);
}
a:hover {
	color:#d8d8d8;
}

/**** SCENARIO BUTTON AREA ****/
.wp-block-button a:hover {
	background-color:#6277dc;
}
.wp-block-group__inner-container { 
	background-color: #d8d8d8;
	margin-top:10px;
    padding-top:40px;
	padding-bottom:40px;
	margin-bottom:0px;
}
h3 { 
	 margin-bottom: 0px!important; 
}
h4 { 
	margin-bottom: 45px!important;
	margin-top:0px!important;
}
h5 { 
	padding-top:40px;
	padding-bottom:20px;
	font-size: 17px;
    text-transform: uppercase;
}
.wp-block-button__link { 
	background-color:#4257ac; 
}
.wp-container-core-columns-layout-2, .wp-container-core-columns-layout-2 .wp-block-column { 
	background-color: #d8d8d8!important; 
}
.scenario_hidden, .scenario_title {
	display:none;
}
.wp-block-button {
	cursor: pointer;
}
.is_news:hover {
	box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
	transform: translate3d(0, 2px, 0);
	background-color:#f0f0f0;
}
.is_news:focus {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}
.is_news {
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
	box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
	cursor: pointer;
	font-style: italic;
	padding: .1rem;
	transition: all 235ms ease-in-out;
}
.is_news a {
	background:none!important;
	color:black;
}

/**** TOOLS TIPS -- make them larger ****/
.qtip {
	max-width: 400px;
    font-size: 14px;
	text-height: 14px;
}
.qtip a {
	color:blue;
}

/*** MENU TREE FOR ALL SCENARIO PLANS ****/
.menutree{
    padding:100px;
    background:#929292;
    font-size:100%;
    font-family:'Arial';
}
 .menutree input{
    font-size:1em;
}
 .menutree ol.tree{
    padding-left:30px;
}
 .menutree li{
    list-style-type:none;
    color:#fff;
    position:relative;
    margin-left:-15px;
}
 .menutree li label{
    padding-left:37px;
    cursor:pointer;
    background:url('https://www.thecssninja.com/demo/css_tree/folder-horizontal.png') no-repeat 15px 2px;
    display:block;
}
 .menutree li input{
    width:1em;
    height:1em;
    position:absolute;
    left:-0.5em;
    top:0;
    opacity:0;
    cursor:pointer;
}
 .menutree li input + ol{
    height:1em;
    margin:-16px 0 0 -44px;
    background:url('https://www.thecssninja.com/demo/css_tree/toggle-small-expand.png') no-repeat 40px 0;
     background-size: 20px 20px;
}
 .menutree li input + ol > li{
    display:none;
    margin-left:-14px !important;
    padding-left:1px
}
 .menutree li.file{
    margin-left:-1px !important;
}
 .menutree li.file a{
    display:inline-block;
    padding-left:21px;
    color:#fff;
    text-decoration:none;
    background:url('https://www.thecssninja.com/demo/css_tree/document.png') no-repeat 0 0;
}
 .menutree li input:checked + ol{
    height:auto;
    margin:-21px 0 0 -44px;
    padding:25px 0 0 80px;
    background:url('https://www.thecssninja.com/demo/css_tree/toggle-small.png') no-repeat 40px 5px;
     background-size: 20px 20px;
}
 .menutree li input:checked + ol > li{
    display:block;
    margin:0 0 0.063em;
}
 .menutree li input:checked + ol > li:first-child{
    margin:0 0 0.125em;
}