/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

/**** colors ****/
/*
#ee591f   red
#fdbe1f
#FCBE1D   gold
#91af5d   green
#F6F7F2   offwhite
#fff5d8   beige1
#faefe7   beige2
*/



/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 



body * {box-sizing: border-box;}

/*** standard responsive text ***/

li.list_bullet {
  list-style-position:outside;
  list-style-type:disc;
  margin-bottom:.5rem;
  margin-left:1rem;
  text-indent:0px;
}
li.list_ordered {
  list-style-position:outside;
  list-style-type:decimal;
  margin-bottom:.5rem;
  margin-left:1rem;
  text-indent:0px;
}

h1,h2,h3,h4,h5,h6,p {
  margin-bottom: .75rem;
}

li {
  margin-bottom: .25rem;
}

blockquote {
  background: #f3f3f3;
  padding:1rem;
  margin: 1.5rem 2rem 2rem;
}

hr {
  margin:14px 0 26px;
  height:1px;
  color:#dcdcdc;
}


/*** blog ***/

/*div.myblogrow, div.mypostrow, div.myposttitle, div.mypostcontent {
  width:100% !important;
}

.myposttitle, .mypostcontent,
body.single div.mypostsrow div.et_pb_row.et_pb_row_0_tb_body {
  padding: 0 !important;
}

body.single div.et_pb_title_featured_container span.et_pb_image_wrap img {
  padding-bottom:20px;
}
*/
/*a.more-link {
  background:#edc63d;
  padding:12px 16px;
  color:#fff;
  display:table !important;
  margin-top:1em;
  transition: ease-in 1s linear;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:2px;
}

a.more-link:hover {
  opacity:.5;
  transition: ease-in 1s linear;
  text-decoration: none !important;
  color:#fff !important;
}

a.more-link:visited, a.more-link:active {
  color:#fff !important;
  text-decoration: none !important;
}

/* 
remove word category: before category archive title 
*/

body.archive.category h6.page-title {
  font-size:1px!important;
  color:#fff;
  margin-left:-25px!important;
}

body.archive.category h6.page-title span {
  font-size:12px!important;
  color:#666;
  text-transform:uppercase;
  letter-spacing:2px;
}








/* sidebar */

h4.widgettitle {
font-size:calc(14px + (16 - 14) * ((100vw - 400px) / (1920 - 400))) !important;
  line-height:1.3;
}

.et_pb_widget a {
font-size: calc(12px + (14 - 12) * (100vw - 500px) / (1440 - 500))
!important;
line-height:1.3;
}

.et_pb_post .post-meta {
  font-size: 10px !important;
  text-transform:uppercase;
  letter-spacing:2px;
  margin-bottom: 6px;
}

.et_pb_post .entry-featured-image-url {
  display: block;
  position: relative;
  margin-bottom: 12px;
}




/************************************************* nav *************************************************/
/* from https://divicio.us/tutorials/show-and-hide-divi-vertical-navigation-on-click/ */
/************************************************* nav *************************************************/




/* Show/Hide Divi Vertical Navigation on Click */
@media all and (min-width: 980px){


/* menu icon */
.vert_nav_switch {
font-family: ETmodules!important;
}

.vert_nav_switch:before {
text-shadow: 0 0;
font-family: ETmodules!important;
font-weight: 400;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
text-transform: none;
speak: none;
font-size: 36px;
content: "\61";
cursor: pointer;
}

span.vert_nav_switch span {
font-family:Open Sans,Arial,sans-serif;
}


/* change menu icon to X when menu open */
.vert_nav_open .vert_nav_switch:before {
content: "\4d";
}

/* RIGHT VERTICAL NAVIGATION */
  
/* bg color*/
  
.et_slide_in_menu_container {
  background: #ffca4c;
}

/* remove margin-right from main area and top header */
.et_vertical_nav.et_vertical_right #et-main-area, 
.et_vertical_nav.et_vertical_right #top-header {
margin-right: 0px;
}

/* hide right vertical header */
.et_vertical_nav.et_vertical_right #page-container #main-header {
right: -225px;
-webkit-transition: right 0.5s ease;
-o-transition: right 0.5s ease;
transition: right 0.5s ease;
}

/* show right vertical header */
.et_vertical_nav.et_vertical_right.vert_nav_open #page-container #main-header {
right: 0px;
}

/* right vertical menu icon container */
.et_vertical_right .vert_nav_switch {
position: fixed;
top: 30px;
left: auto;
right: 30px;
z-index: 999999;
-webkit-transition: right 0.5s ease;
-o-transition: right 0.5s ease;
transition: right 0.5s ease;
}

/* move menu icon to right when right vertical menu is open */
.et_vertical_right.vert_nav_open .vert_nav_switch {
right: 225px;
}

.et_vertical_right .vert_nav_switch {
position: fixed;
top: 0px;
left: auto;
right: 0px;
z-index: 999999;
-webkit-transition: right 0.5s ease;
-o-transition: right 0.5s ease;
transition: right 0.5s ease;
background: rgba(88, 185, 233, 0.2);
min-height: 100vh;
width: 60px;
padding-left:9px;
}

.vert_nav_switch::before {
line-height: 1.4;
}

ul#top-menu.nav {
margin-left:0;
}

span.vert_nav_switch span {
font-size: 10px;
display: table;
margin: -10px 0 0 3px;
}



/*******************************/ 
/** push submenu down onclick **/
/*******************************/

/* define positioning and styling for submenu */
.et_vertical_nav #main-header #top-menu li ul {
position: relative;
display: none;
top: 0;
left: 0;
width: auto;
border-left-width: 0;
opacity: 1;
-webkit-animation: none;
animation: none;
visibility: visible;
-webkit-box-shadow: none;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 6px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

/* decrease the menu container left and right padding */
.et_vertical_nav #main-header .container {
margin: 0 20px;
}

/* make the fixed header scrollable */
.et_vertical_nav.et_vertical_fixed #page-container #main-header {
overflow-y: auto;
}

/* decrease the submenu top and bottom padding */
.nav li ul {
padding: 5px 0;
}

/* adjust the lower level submenu positioning and remove box-shadow */
.et_vertical_nav #main-header #top-menu li ul ul {
top: 0;
left: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

/* adjust the menu item links spacing */
.et_vertical_nav #main-header #top-menu > li > a {
margin-right: 0px;
padding-right: 0px;
}

/* adjust parent item down arrow position */
.et_vertical_nav #main-header #top-menu > li > a:after {
right: 0px;
}

/* adjust lower level parent item down arrow position */
.et_vertical_nav #top-menu li .menu-item-has-children>a:first-child:after {
right: 10px;
}

/* decrease the submenu item left and right padding */
#top-menu li li {
padding: 0 10px;
}

/* adjust submenu item link width and padding */
#top-menu li li a {
width: auto;
padding: 6px;
}

/* remove right border and adjust positioning of the right vertical menu submenu */
.et_vertical_nav.et_vertical_right #main-header #top-menu li ul {
right: 0;
border-right-width: 0;
}

/** kill logo in slideout **/
.et_vertical_nav .logo_container {
display:none;
}

/** reduce space after parent **/

.et_vertical_nav.et_vertical_fixed.et_header_style_left #et-top-navigation,
ul#top-menu.nav li#menu-item-2401{
padding-top: 0px;
}

.nav li ul {
position: absolute;
padding: 0px 0 0;
margin: 0 0 0 9px;
}

#top-menu li li, #top-menu li li a {
padding: 0px;
}

.et_vertical_nav #main-header #top-menu > li > a,.et_vertical_nav #main-header #top-menu > li.menu-item-has-children > a {
padding-bottom: 0px;
}

.et_vertical_nav #main-header #top-menu li {
padding-top: 30px;
}

.et_vertical_nav #main-header #top-menu li li.first {
padding-top: 16px;
}

.et_vertical_nav #main-header #top-menu li li {
padding-top: 16px;
list-style-position: outside;
padding-left: 1em;
}

#top-menu li li a {
text-indent: -.65em;
line-height: 1.75;
}
	
	
}

/*********************** END: Show/Hide Divi Vertical Navigation on Click ***********************/