/**
Theme Name: Astra Child
Author: Haas
Author URI: http://wpastra.com/about/
Description: Astra is the fast and customizable and beautiful theme suitable for business websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

h5,
.entry-content h5 {
  color: #808285;
  line-height: 1.6;
  font-size: 1.2em;
}
h6,
.entry-content h6 {
  color: #f4f4f4 !important;
  line-height: 1.3;
  font-size: 1.1em;  }
@media (min-width: 921px) {
#site-navigation {
    background:#fff;
    height:60px;
    z-index:170;
    margin:0 auto;
    border-bottom:1px solid #dadada;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    text-align: center; }
.site-branding {
margin-top:60px; }
}
/* Change This Section Based On Website theme Color Make website site name font turquoise and Background White */
.site-title {color: #0066ff !important; }
.site-title a, .site-title a:focus {
    color: #0066ff !important; }
.site-title a:hover {
    color: #0cc078 !important; }
.site-title a:visited {
    color: #009999 !important; }
/* Make website site description font shade of black  */
 .site-description {color: #404040 !important; font-weight: 600;}

/* Top Bar */
.top-bar{border-top:6px solid #ccc !important}

/* Make 3 Columns */
.column3 {
    float: left;
    width: 33.33%;
	padding: 10px; }
.row:after {
    content: "";
    display: table;
    clear: both; 	} 
@media (max-width: 600px) {
    .column3 {
        width: 100%;     }
}
/* End of 3 Column CSS */
/* Make 2 Columns */
.column2 {
    float: left;
    width: 49%;
	padding: 10px; }
.row:after {
    content: "";
    display: table;
    clear: both; }
@media (max-width: 600px) {
    .column2 {
        width: 100%;    }
}
/* End of 2 Column CSS */

/* Remove bullet from list  */
.nobullet {list-style-type:none;}

/* Order list style */ .entry-content ol.ast-content-ol-list {   counter-reset: my-ol-counter;   margin-left:0.5em; } .entry-content ol.ast-content-ol-list li {   position: relative;   padding-left: 25px;   list-style: none; } .entry-content ol.ast-content-ol-list li:before {   position: absolute;   top:50%;   left: 0;   width: 20px;   height: 20px;   margin-top: -10px;   color: #fff;   text-align:center;   background-color: #8b4513;   content: counter(my-ol-counter,decimal);   counter-increment: my-ol-counter;   font-size: 11px;   -webkit-border-radius: 50%;   border-radius: 50%; } /* Unordered list style */ .entry-content ul.ast-content-ul-list {   margin-left:0.5em; } .entry-content ul.ast-content-ul-list li {   position: relative;   padding-left: 25px;   list-style: none; } .entry-content ul.ast-content-ul-list li:after{   position: absolute;   top: -webkit-calc( 50% - -1px);   top: calc( 50% - -1px);   left: 0;   width: 20px;   height: 20px;   margin-top: -10px;   padding-top: 2px;   color: #fff;   text-align:center;   background-color: #8b4513;   content: "\e900";   font-size: 10px;   font-family: 'Astra';   -webkit-border-radius: 50%;   border-radius: 50%;   -webkit-transform: rotate(270deg);   -ms-transform: rotate(270deg);   transform: rotate(270deg); }

/* Hoverable DropDown menu in page or post */
.dropbtn {
  background-color: #008000;
  color: white;
  padding: 8px;
  font-size: 16px;
  border: none; }
.dropbtn a:hover {background-color: #fad7b7;  color: #009900 !important;}
.dropdown {
  position: relative;
  display: inline-block; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 430px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; }

.dropdown-content a {
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  display: block; }

.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}

.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 630px; }
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 10px; }
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right; }

/* Custom Buttons */
/* Custom Read Button */
.buttonread2 {
  background-color: #484848; /* Dark Gray shade */
  border: 2px white;
  color: white;
  padding: 15px 32px;
	border-radius: 8px;
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
	font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s; }
.buttonread2:hover {background-color: #006600;}
.buttonread2:active {
  background-color: #484848;
  box-shadow: 0 5px #303030;
  transform: translateY(4px); }

/* Another Custom Read Button */
.buttonread3 {
  background-color: #e6e6e6; /* Light Gray shade */
  border: 2px white;
  color: green;
  padding: 15px 32px;
	border-radius: 8px;
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
	font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s; }
.buttonread3:hover {background-color: #ccffcc;} /* Light Green */
.buttonread3:active {
  background-color: #e6e6e6;
  box-shadow: 0 5px #303030;
  transform: translateY(4px); }

/* Custom Buy Button  */
.buttonbuy2 {
  background-color: #080808; 
  border: 2px white;
  color: #ffffff;
  padding: 15px 32px;
	border-radius: 8px;
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
	font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s; }
.buttonbuy2:hover {background-color: #e67300;}
.buttonbuy2:active {
  background-color: #080808;
  box-shadow: 0 5px #b35900;
  transform: translateY(4px); }

/* Use the buttonread4 and buttonbuy4 in learnearnwealthyaffiliate.com  */
.buttonread4 {
  background-color: #0cc078; /* Shade medium green */
  border: 2px black;
  color: #ffffff !important;
	font-weight: bold !important;
	padding: 5px 20px;
	border-radius: 8px;
	 box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
	margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s; }
.buttonread4:hover {background-color: #6ff6c0; color: #1549fe  !important;
	box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19); }
.buttonread4:active {
  background-color: #0cc078;
	color: #ffffff !important; 
box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
transform: translateY(4px); }
/* Another Button  */
.buttonbuy4 {
  background-color: #0cc078; /* medium green */
  border: 2px black;
  color: #ffffff !important;
	font-weight: bold !important;
	padding: 5px 20px;
	border-radius: 8px;
	 box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
	margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s; }
.buttonbuy4:hover {background-color: #6ff6c0; color: #1549fe  !important;
	box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19); }
.buttonbuy4:active {
  background-color: #0cc078 !important;
  color: #ffffff !important;
box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
	transform: translateY(4px); }

/* Special for Buy Green Shade */
.buttonbuy4g {
  background-color: #00b33c; /* Shade Green  */
	line-height: 2em;
  border: 2px black;
  color: #ffffff !important;
	font-weight: bold !important;
	padding: 5px 20px;
	border-radius: 8px;
	 box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
	font-weight: bold   !important;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s; }
.buttonbuy4g:hover {background-color: #00b300; color: #006600  !important;
	box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19); }
.buttonbuy4g:active {
  background-color: #00b33c;
box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
transform: translateY(4px); }

/*  BUTTON for WA FREE SIGN UP  */ 
.buttongetstarted  {
  background-color: #009999; /* Turquoise */
  border: 3px #f2f2f2;
  color: #ffffff !important;
  padding: 15px 32px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
	 box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
  cursor: pointer;
  -webkit-transition-duration: 0.1s; /* Safari */
  transition-duration: 0.1s; }
.buttongetstarted:active  {
  background-color: #009999; /* Turquoise */
  border: 3px #f2f2f2;
  color: #ffffff !important;
  padding: 15px 32px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
   box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
  cursor: pointer;
  -webkit-transition-duration: 0.1s; /* Safari */
  transition-duration: 0.1s; }
.buttongetstarted a:focus  {
  background-color: #009999; /* Turquoise */
   border: 3px #f2f2f2;
  color: #ffffff !important;
  padding: 15px 32px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
  cursor: pointer;
  -webkit-transition-duration: 0.1s; /* Safari */
  transition-duration: 0.1s; }
.buttongetstarted:hover  {
  background-color: #3dc507; /* Green */
  border: 3px #f2f2f2;
  color: #808080 !important;
  padding: 15px 32px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  box-shadow: 0px 12px 16px 0 rgba(0,0,0,0.3), 0 12px 20px 0 rgba(0,0,0,0.19);
  cursor: pointer;
  -webkit-transition-duration: 0.1s; /* Safari */
  transition-duration: 0.1s; }



/* Another COLOR DARKER GREEN  */
.buttongetstartedg  {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;

  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;}

/* Font and Style For Alphabet */
.alphastyletimes {
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: 800;   
  border:2px; border-style:solid; border-color:#484848; padding: 3px; }

/* widget header colors */
.widget-title {font-weight: 700 !important; color: #ffffff !important;}
,textwidget.widget-text  {font-weight: 400 !important; color: #ffffff !important;}
.alinkcolor {color: #009999 !important;}

.myalignleft {text-align: left;}
.bordergrey  {border: 2px solid grey;}
.borderblack  {border: 2px solid black;}

/* Align text and give border   */
.myalignleft {text-align: left;}
.bordergrey  {border: 2px solid grey;}

/* Change H6 Link Active Color */
h6,
.entry-content h6 a {
  color: #f4f4f4 !important;
  line-height: 1.3;
  font-size: 1em; }
.entry-content h6 a:hover {
  color: #595959 !important;
	background-color: #d9d9d9 !important;
  line-height: 1.3;
  font-size: 1em; }

/* Bottom Bar */
.bottom-bar{border-bottom:6px solid #ccc !important}
/* Footer  */
/* Footer Menu Buttons */
.footermenubutton {
  background-color: #8b4513 !important; 
  border: 2px white;
  color: #ffffff !important;
  padding: 15px 32px;
	border-radius: 8px;
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s; }

.footermenubutton:hover {background-color: #999999 !important;}
.footermenubutton:active {
  background-color: #999999 !important;
  color: #ffffff !important; 
  box-shadow: 0 5px #ffffff;
  transform: translateY(4px); }

.textwidget.widget-text a {color: #009999;}
.textwidget.widget-text a:hover {color: #3dc507;}



/* WP FLOATING MENU  */
.wpfm-menu-name:hover {
	color: #d2a679  !important; }
.wpfm-menu-name:active {
	font-size: 8px;
	color: #ffffff  !important; }

/*  Add Image Opacity on Hover */
a img {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out; }
a:hover img {
    opacity: .65;
    filter: alpha(opacity=65);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out; }
.module {
  width: 300px;
  height: 300px;
  background: #f9f9f9;
  position: relative;
  margin: 20px;
  box-shadow: 
    0 0 0 10px hsl(0, 0%, 50%);  }
.immarginleft {margin-left: 5px; }
.module1 {
  width: 300px;
  height: 300px;
  background: #f9f9f9;
  position: relative;
  margin: 20px;
  box-shadow: 
    0 0 0 10px hsl(0, 0%, 50%),
    0 0 0 15px hsl(0, 0%, 60%),
    0 0 0 20px hsl(0, 0%, 70%),
    0 0 0 25px hsl(0, 0%, 80%),
    0 0 0 30px hsl(0, 0%, 90%); }
.imgborder10i{border-style: inset; border-color: gray; border-width: 10px;}
/* hover opactiy */
.hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.paddingrightfive {padding-right: 5px;}
.paddingrighttwenty {padding-right: 20px;}
/* Make padding less when use ast-col-md and ast-col-sm for 3 columns  */	
	
.ast-col-md-4, ast-col-sm-6 {padding-left: 8px;
	padding-right: 8px; }

/* Paragraph Backgrounds and Shadow  */
.pbackgroundwhite {
    margin:0 0 25 20px;
    overflow:hidden;
    padding:20px;
    background-color:#ffffff;
    border:3px solid #f2f2f2;
    -webkit-border-radius: 5px;
    border-radius: 15px;
	box-shadow: 5px 10px #e6e6e6; }	
.pbackgroundlgray {
    margin:0 0 25 20px;
    overflow:hidden;
    padding:20px;
    background-color:#f9f9f9;
    border:3px solid #e6e6e6;
    -webkit-border-radius: 5px;
    border-radius: 15px;
	box-shadow: 5px 10px #e6e6e6; }
.paragraphbackgroundlg {
    margin:0 0 25 20px;
    overflow:hidden;
    padding:20px;
    background-color:c#f8f8f8;
    border:3px solid #00cc33;
    -webkit-border-radius: 5px;
    border-radius: 15px;
	box-shadow: 5px 10px #00cc33; }
.paragraphbackgrounddg {
    margin:0 0 25 20px;
    overflow:hidden;
    padding:20px;
    background-color: #f8f8f8;
    border:3px solid #008000;
    -webkit-border-radius: 5px;
    border-radius: 15px;
	box-shadow: 5px 10px #008000;}
.paragraphbackgroundb {
    margin:0 0 25 20px;
    overflow:hidden;
    padding:20px;
    background-color:#f8f8f8;
    border:3px solid #666666;
    -webkit-border-radius: 5px;
    border-radius: 15px;
	box-shadow: 5px 10px #666666; }
.paragraphbackgroundblue {
    margin:0 0 25 20px;
    overflow:hidden;
    padding:20px;
    background-color:#f8f8f8;
    border:3px solid #0066ff;
    -webkit-border-radius: 5px;
    border-radius: 15px;
	box-shadow: 5px 10px #0066ff;}
.paragraphbackgrounddgray {
    margin:0 0 25 20px;
    overflow:hidden;
    padding:20px;  
    background-color:#999999;
    Color: #ffffff;
    border:3px solid #404040;
    -webkit-border-radius: 5px;
    border-radius: 15px;
	box-shadow: 5px 10px #404040;}
.paragraphbackgroundlbr {
    margin:0 0 25 20px;
    overflow:hidden;
    padding:20px;  
    background-color:#f9f2ec;
    Color: #000000;
    border:3px solid #d4a377;
    -webkit-border-radius: 5px;
    border-radius: 15px;
	box-shadow: 5px 10px #e6ccb3; }

/*  Indent  */
.tab10 {text-indent: 10px !important;}
.tab20 {text-indent: 20px !important;}
.tab30 {text-indent: 30px !important;}
.tab40 {text-indent: 40px !important;}
.tab50 {text-indent: 50px !important;}

.indent2em {padding-left:2em;}
.indent3em {padding-left:3em;}
.indent4em {padding-left:4em;}	
.indent5em {padding-left:5em;}	
.indent6em {padding-left:6em;}	
.indent7em {padding-left:7em;}	

/* Put spacing between sections  */
.lineheight1 {line-height: 1em;}
.lineheight2 {line-height: 2em;}
.lineheight3 {line-height: 3em;}	

/* Font Sizes   */
.fontfourty {font-size: 40px; font-weight: 600; }
.fontthirtysix {font-size: 36px; font-weight: 600; }
.fontthirty {font-size: 30px; font-weight: 600; }
.fonttwentyeight {font-size: 28px; font-weight: 600; }
.fonttwentysix {font-size: 26px; font-weight: 600; }
.fonttwentyfour {font-size: 24px; font-weight: 600; }
.fonttwentytwot {font-size: 22px; font-weight: 600; }
.fonttwenty {font-size: 20px; font-weight: 600; }
.fontfourteen {font-size: 14px; font-weight: 400; }
.fonth5{color: #737373; font-weight: bold; font-size: 1.2em; line-height: 1.2;}
.fonttwentynbold (font-size: 20px !important;)
.fonttwentysixnbold (font-size: 26px !important;)
.fontthirtytwonbold (font-size: 32px !important;)

/* Show Hide On Desktop and Mobile */
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}
}	

/* Use Padding  */
.paddingtop10 {padding-top: 10px;}
.paddingtop20 {padding-top: 20px;}
.paddingbottom10 {padding-bottom: 10px;}
.paddingbottom20 {padding-bottom: 20px;}

.background-color-whitesmoke  {background-color: #F5F5F5;}
.bluebackground {background-color: #008ae6; color: #ffffff; font-weight: bold;}
.dbluebackground {background-color: #003d66; color: #ffffff; font-weight: bold;}
.lbluebackground {background-color: #99d6ff; color: #000000; font-weight: bold;}
.lgreenbackground {background-color: #e6ffee; color: #000000; font-weight: bold;}
.dgreenbackground {background-color: #004d00; color: #ffffff; font-weight: bold;}
.turquoisebackground  {background-color: #009999; color: #ffffff; font-weight: bold;}

/* Instructions Color and Text Color */
.colorrbrown {color: #A52A2A;}
.colorbrown {color: #996600;}
.colorwhite {color: #ffffff !important;}
.colorgreen {color: #008000;}
.colordgreen {color: #004d00;}
.colordblue {color: #008ae6;}
.colormblue {color: #003d66;}
.colorlblue {color: #99d6ff;}
.colorturquoise (color: #009999;}
.colorgreenlewa {color: #0cc078;}
.colorthemeturquoise {color: #009999;}
.colorred {color: #990000;}
.colorthemegreen  {color: #3dc507;}

#thislinklgreen a:link {color: #99ffb9 !important;}
#thislinklgreen a:visited {color: #99ffb9 !important;}
#thislinkdgreen a:link {color: #004d00 !important;}
#thislinkdgreen a:visited {color: #004d00 !important;}
#thislinkdblue a:link {color: #008ac6 !important;}
#thislinkdgreen a:visited {color: #003d66 !important;}

#primary {
margin: 0.5em 0 !important; }

primary.content-area-primary ::before {margin: 0.5em 0;}

/* Primary Menu Changes Background and Items  */
li.ast-masthead-custom-menu-items  {font-weight: 600 !important; } 
.ast-nav-menu {font-weight: 600 !important;}
.main-header-menu a:link { color: #404040 !important; }   
.main-header-menu a:hover { color: #1a1a1a !important; }
.sub-menu {background-color: #ffffff !important;}
.sub-menu a:link { color: #404040 !important; }   
.sub-menu a:hover { color: #1a1a1a !important; }
.site-branding {
margin-top:  35px;} }

/* Box Shadow It  */
.boxshadowit {  padding: 3px;
  box-shadow: 
       inset 0 -3em 3em rgba(0,0,0,0.1), 
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3); }
.boxshadowitgreen {  padding: 3px;
  box-shadow: 
       inset 0 -3em 3em rgba(12,192,120,0.1), 
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3); }



/* If want to change color of menu use following
.main-header-menu  { background-color: rgba(254, 254, 254, 0.0);)
}
*/
/* Change Color Based On Website CSS for Header Bottom Menu  */
.bottom-header-bar {
  background-color: #009999;
  text-align: right;
  padding: 2px 0; }

  /* CSS for adding second menu to bottom of header  */
#menu-bottom {
  margin: 0; }
.menu-bottom-container a {
  color: #ffffff;
  font-weight: 600; }
.menu-bottom-container a:hover {
  color: #6ff6c0 !important;
  font-weight: 600; }
.menu-bottom-container li {
  display: inline-block;
  padding: .5em; }

@media (max-width: 768px) {
.bottom-header-bar {display: none; }
#menu-bottom {display: none; }
.menu-bottom-container {display: none; }
.menu-bottom-container li {display: none; } }

/*  Add border around a specific primary menu item  */
.menuitem-highlight {
color: #ffffff;
background: transparent;
border-color: #009999;
border-style: solid;
border-width: 2px;
border-radius: 22px;
padding: 0px 10px;
transition: all 0.2s linear;
line-height:25px;
font-weight:  700;
}
.menuitem-highlight a {
 color:#0cc078; }
.menuitem-highlight:hover {
color: #ffffff;
background: #0cc078;
border-color: #009999; }
li.menuitem-highlight:hover a {
 color:#ffffff; }

/* Bold All Menu Items  */
.menu-item {font-weight: 600;} 

/* The following may need to be put in customizer to work */
.boxshadowit {  padding: 3px;
  box-shadow: 
       inset 0 -3em 3em rgba(0,0,0,0.1), 
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3); }
.boxshadowitgreen {  padding: 3px;
  box-shadow: 
       inset 0 -3em 3em rgba(12,192,120,0.1), 
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3); }

.borderit  {border: 2px solid black;}

.borderitrmargin  {border: 1px solid black; margin-right: 2px;}

.outlineit { border: 2px solid white;
  outline: #009999 solid 5px;
  margin: auto;  
  padding: 5px;
  background-color: black;
  color: white !important;
  text-align: center; }