/*
 Theme Name:     Dinosaur Ridge
 Author:
 Author URI:
 Template:       Divi
 Version:        1.0
*/


/* Menu
------------------------------------------------------------------------------------------------------------- */

/* change text color of search text input */
.et_pb_menu .et_pb_menu__search-input {color: #fff;}

/* remove divi default effects for items with a drop down menu */
#menu-main-menu .menu-item-has-children > a:first-child {padding-right: 15px;}
#menu-main-menu .menu-item-has-children > a:first-child:after{content: ''; margin-top: -2px;}

/* remove the space to the right of the link that the down arrow formerly occupied */
#menu-main-menu .menu-item-has-children {padding-right: 0px;}

/* move submenu to the left so text in drop down left-aligns with parent */
#menu-main-menu .sub-menu {
    margin-left: -10px;
    margin-top: 1px;
}

/* footer links list - remove default 11px padding on each side of list items */
.vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

/* footer links list - make the menu items fullwidth and add space between them */
.vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
}

/* remove inner padding in submenu */
.et_pb_menu li li {
	padding: 0;
	margin: 0;
}

/* edit the submenu */
.et_pb_menu li ul {
	padding: 10px 0!important;
	margin: 0;
	width: 280px;
}

/* edit the Divi submenu list items */
.et_pb_menu li li a {
	padding: 3px 20px 3px 20px;
	opacity: 1;
	background-color: rgba(0,0,0,0);
	width: 280px;
}

/* edit the Divi submenu list items on hover */
.et_pb_menu li li a:hover {
	padding: 3px 20px 3px 20px;
	width: 280px;
}

/* reduce text size in submenu */
.sub-menu a {
	font-size: 16px!important;
}

/* third-level menu items */
.tli-header a {
}
.tli a {
	padding-left: 40px!important;
	font-weight: 400!important;
	font-size: 15px!important;
}

/* show secondary menu on tablets and phones */
@media (max-width: 980px) {
	.sd-open-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.sd-open-menu .et_mobile_nav_menu {
		display: none!important;
	}
}

/* show footer menu on tablets and phones */
@media (max-width: 980px) {
	.vertical-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.vertical-menu .et_mobile_nav_menu {
		display: none!important;
	}
}

/* make mobile menu scrollable */
.et_mobile_menu {
overflow: scroll !important;
max-height: 84vh; /*edit this to match your view height*/
box-shadow: 0px 0px 30px rgba(0,0,0,0.3) /*just some box shadow for nicer menu, you can skip this*/
}


/* Pages
------------------------------------------------------------------------------------------------------------- */


/* reduce bottom paragraph padding on staff page contact info */
.bio-contact p {
	padding-bottom: 5px;
}

/*set the width of the rows inside the Post Content module*/
.et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}

/* restyle form input on browse submissions page */
.bstc label {
	font-weight: 600;
    font-size: 18px;
    color: #000000!important;
}

.bstc input {
	width: 100%;
    height: 2.25em;
    padding: 0 1em;
    margin: 15px 0 20px 0;
    border: 1px solid #eceef1;
    border-radius: .5rem;
	background-color: #fbfcfd;
	font-size: 1.4rem;
    font-weight: 600;
}

.bstc button {
	color: #ffffff;
    font-size: 18px; 
	font-weight: bold;
    padding: .3em 1em;
    line-height: 1.7em!important;
    background-color: #00a551;
    border-color: #00a551;
    border-radius: 30px;
	border: 2px solid;
	cursor:pointer;
}

#reviews h4 {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5em;
    padding-bottom: 12px;
}

#reviews i.fas {
	color: #ffb400;
}



/* Site-wide default page template
------------------------------------------------------------------------------------------------------------- */

/* Set Adobe fonts */
.et_pb_text h1, .et_pb_text h2, .et_pb_text h3 {
font-family: minion-std-black, Georgia, Times, serif;
font-weight: 400;
font-style: normal;
}
/* Set default h1-h6 styles for responsive */
.et_pb_text h1 {font-size: 70px; color: #fff;}
@media only screen and (max-width: 980px) {.et_pb_text h1 {font-size: 70px;}}
@media only screen and (max-width: 767px) {.et_pb_text h1 {font-size: 36px;}}

.et_pb_text h2 {font-size: 52px; color: #036fa8;}
@media only screen and (max-width: 980px) {.et_pb_text h2 {font-size: 52px;}}
@media only screen and (max-width: 767px) {.et_pb_text h2 {font-size: 30px;}}

.et_pb_text h3 {font-size: 28px; color: #474242;}
@media only screen and (max-width: 980px) {.et_pb_text h3 {font-size: 28px;}}
@media only screen and (max-width: 767px) {.et_pb_text h3 {font-size: 22px;}}

.et_pb_text h4 {font-weight: 700; font-size: 14px; color: #477c56; text-transform: uppercase;}
@media only screen and (max-width: 980px) {.et_pb_text h4 {font-size: 14px;}}
@media only screen and (max-width: 767px) {.et_pb_text h4 {font-size: 13px;}}

.et_pb_text h5 {font-weight: 700; font-size: 21px; color: #477c56;}
@media only screen and (max-width: 980px) {.et_pb_text h5 {font-size: 21px;}}
@media only screen and (max-width: 767px) {.et_pb_text h5 {font-size: 21px;}}

.et_pb_text h6 {font-weight: 700; font-size: 15px; color: #000; text-transform: uppercase; padding-top: 14px;}
@media only screen and (max-width: 980px) {.et_pb_text h6 {font-size: 15px;}}
@media only screen and (max-width: 767px) {.et_pb_text h6 {font-size: 14px;}}


/* Set h1-h6 responsive styles for blog posts */
h1.entry-title {font-family: minion-std-black, Georgia, Times, serif; font-weight: 400; font-size: 70px; color: #fff;}
@media only screen and (max-width: 980px) {h1.entry-title {font-family: minion-std-black, Georgia, Times, serif; font-weight: 400; font-size: 70px;}}
@media only screen and (max-width: 767px) {h1.entry-title {font-family: minion-std-black, Georgia, Times, serif; font-weight: 400; font-size: 36px;}}


/* set styles for CTAs */
#CTA h1, #CTA h2 {
font-family: minion-std-black, Georgia, Times, serif;
font-weight: 400;
font-style: normal;
font-size: 52px; color: #fff;
}
@media only screen and (max-width: 980px) {#CTA h1, #CTA h2 {font-size: 52px;}}
@media only screen and (max-width: 767px) {#CTA h1, #CTA h2 {font-size: 30px;}}


/* set styles for default page templates (sp. Barbara's feedback pages)*/
article h1 {
    font-weight: 700;
    font-size: 42px;
    color: #000000!important;
    line-height: 1.2em;
}
@media only screen and (max-width: 980px) {
 	article h1 {font-size: 36px;}	 
}
@media only screen and (max-width: 767px) {
	article h1 {font-size: 24px;}
}

article h2 {
font-weight: 700;
    font-size: 42px;
    color: #0073B0!important;
}
@media only screen and (max-width: 980px) {
	article h2 {font-size: 40px;}	 
}
@media only screen and (max-width: 767px) {
	article h2 {font-size: 24px;}
}

article h3 {
	font-weight: 700;
    font-size: 24px;
}


/* Remove the sidebar: divider line between content and sidebar */
#main-content .container:before {background: none;}
  
/* Remove the sidebar: Hide Sidebar */
#sidebar {display:none;}
  
/* Remove the sidebar: Expand the content area to fullwidth */
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}
/* add padding to the bottom of the page */
.ipt-uif-custom-material-default {padding-bottom: 100px;}

/* set styles for bullets */
.bullet-list ol, .bullet-list ul {
list-style-type: none!important;
padding: 10px 0px 10px 50px;
list-style-position: outside;
}
.bullet-list ul li:before {
content: '•';
color: #00A551;
margin-right: 7px;
margin-left: -14px;
font-size: 1.2em!important;
}
.bullet-list ol li, .bullet-list ul li {margin-bottom: 10px;}
.bullet-list ol {counter-reset: li}
.bullet-list ol li {counter-increment: li}
.bullet-list ol li::before {
	font-size: 1.25em;
	font-weight: 700;
	content: counter(li); 
	color: #00A551;
	display: inline-block; 
	width: 1em;
	margin-left: -1em
}
.bullet-list ol > li:last-child, .bullet-list ul > li:last-child {margin-bottom: 30px;}

/* set styles for home testimonials slider */
#testimonials i {
	font-size: 1.5em;
	color: #f39237;
	padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
	#testimonials i {padding-bottom: 20px;}
}

#testimonials p {
	color: #666;
	padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
	#testimonials p {padding-bottom: 15px;}
}

#testimonials p.name {
	font-size: .8em;
	padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
	#testimonials p.name {font-size: 1em;}
}

.cart-container{
  max-width: 800px;
  margin: auto;
}