/*
Theme Name:  ClioSoft.com
Theme URI:   http://staging.cliosoft.net
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site ClioSoft.com.
Author:      Simon Rance
Author URI:  http://staging.cliosoft.net
Template:    Divi
*/


/*- Add any CSS custom code for this child theme below this line -*/

sup { 
  vertical-align: super;
  font-size: medium;
}

/****** BLOG POST CSS ******/
/*add padding above h1*/
.et_pb_post_content_0_tb_body h1
{
padding-top: 20px;
}

/*add padding above h2*/
.et_pb_post_content_0_tb_body h2
{
padding-top: 20px;
}
/*add padding above h3*/
.et_pb_post_content_0_tb_body h3
{
padding-top: 20px;
}

/*add padding to featured image*/
.et_pb_title_featured_container .et_pb_image_wrap
{
	padding-bottom: 50px;
}

/*add padding to content image*/
body.single-post #main-content img {
    margin-top: 30px!important;
    margin-bottom: 12px!important;
}



.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


/*reduce menu item spacing at specific breakpoint*/
/* reduce space between menu items */


/*reduce menu item spacing at specific breakpoint*/
@media screen and (max-width: 1155px) {
#top-menu li {
    padding-right: 4px;
    padding-left: 4px;
}
}

/*- Adjust responsive breakpoint -*/
@media (max-width: 1060px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }


#top-menu a { font-size: 16px!important; }

.sub-menu a {
font-size: 12px !important;
}
	
 

 




/*---------------Vertically Align Any Content in the Center---------------*/
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/*---------------Menu Login Button Color on Fixed Navigation---------------

.menu-login a {
    color: orangered!important;
}
*/



/*---------------Menu CTA Button---------------*/
 
             
.menu-cta a {
    border: 2px solid #E90029!important;
	background-color: #E90029;
    color: white!important;
    padding: 12px!important;
    border-radius: 25px;
    text-align: center;
}
 
.menu-cta a:hover {
	background-color: white;
    color: #E90029!important;
}
 
.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}


/*---------------Menu CTA Button Color on Fixed Navigation---------------*/
 
#main-header.et-fixed-header .menu-cta a {
color: white !important;
}
 
/*---------------Menu CTA Button Mobile Settings---------------*/
 
@media only screen and (max-width: 980px) {
.menu-cta a {
    background-color: #E90029!important;
    }
}



/*----------Sub Menu----------*/
/* Remove Menu Item down arrow */
#top-menu .menu-item-has-children>a:after {
    display: none!important;
}

/* Adjust spacing between Menu Items */
#page-container #top-menu .menu-item-has-children>a {
    padding-right: 5px!important;
}

#top-menu li li a {
    border: 1px solid #E90029;
	border-radius: 15px;
    margin-bottom: 15px;
    text-align: center;
}
 
#top-menu li li a:hover {
    color: white!important;
    background: #E90029!important;
}
 
.nav li ul {
    border-top: 0px solid purple;
    margin-top: -20px;
}

 
/*----------Sub Menu Mobile----------*/
 
.et_mobile_menu {
    border-top: 0px solid #2ea3f2;
}
 
.et_mobile_menu li a {
    text-align: center;
}




/*----------Contact Form Success Message----------*/
.et-pb-contact-message {
color: #ffffff	;
font-size: 16px;
text-align: center;
}


/*----------wpforms Button Color----------*/
.wpforms-form button[type=submit] {
    background-color: #E90029 !important;
    border-color: white !important;
    color: #fff !important;
}
 
.wpforms-form button[type=submit]:hover {
    background-color: white !important;
	border-color: #E90029!important;
    color: #E90029!important;
}


/*----------Blurb CTA Button A----------*/
.jucra_blurb_with_button a.et_pb_button {
	display: block;
	/*bottom: 10%;*/
	width: 80%;
	left: 10%;
	transition: 0.5s ease;
	cursor: pointer;
	font-size: 17px;
    background-color: #E90029;
    border-color: white !important;
	border: 1px solid #44377d;
	border-radius: 15px;
	align-items: center;
	justify-content: center;
	color: #fff !important;

}
.jucra_blurb_with_button:hover a.et_pb_button { 
	background-color: orangered;
}

/*----------Blurb CTA Button B----------*/
.example_b a.example_b {
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background: #E90029;
padding: 10px;
border-radius: 15px;
width: 80%;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
font-size: 17px;
}

.example_b:hover a.example_b {
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}

/*----------Blurb CTA Button E----------*/
.example_e a.example_e{
border: none;
background: #E90029;
color: #ffffff !important;
font-weight: 100;
padding: 10px;
text-transform: uppercase;
border-radius: 6px;
display: inline-block;
transition: all 0.3s ease 0s;
}

.example_e:hover a.example_e{
color: #E90029 !important;
font-weight: 700 !important;
letter-spacing: 3px;
background: none;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;
}

link-template-button{
	color: red;
}

/*----------Make Sidebar Menu Full Height----------*/
.full-height-menu-container{
display:flex;
}
.full-height-menu-container>.et_pb_column:first-child{
background-color:#00bf95;
}
@media (max-width: 980px){
.full-height-menu-container{
display:block;
}
}