/*
Theme Name: RockyMountainMensClinic
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 3.0.70
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Wicked Think Marketing
Author URI: http://www.wickedthink.com
Template: Divi
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* --- Removing the partial entry default warning message ---*/

.partial_entry_warning {
    display: none;
}

/* --- Close button for Overlays ---*/


.overlay-close {
  background: #253949 !important;
  width: 60px !important;
  height: 60px !important;
}

.divioverlay .overlay-close {
  color: #ffffff !important;
  font-weight: 500 !important;
}

.overlay-close span {
    color: #ffffff!important;
    font-weight: 500 !important;
}

/* --- Nav --- */
header#main-header {
    border-bottom: #32a4f2 2px solid;
}

/* --- Typography --- */

#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current{
	font-weight: 600;
}


.blue-bar-text h2 {
    font-weight: 300;
}

.blue-bar-text strong {
    font-weight: 900;
}

/* --- Header --- */
.container.et_menu_container{
	max-width:initial!important;
}


/* --- Hero Styles --- */
.header-content h1 {
    position: absolute;
    top: 10%;
    display: block;
    max-width: 500px;
    font-weight: 900;
    padding: 25px;
    line-height: 1.25em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b144a+0,000000+99&0.76+50,0+100 */

background: -moz-linear-gradient(left,  rgba(11,20,74,0.76) 0%, rgba(5,10,37,0.76) 50%, rgba(0,0,0,0.02) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  rgba(11,20,74,0.76) 0%,rgba(5,10,37,0.76) 50%,rgba(0,0,0,0.02) 99%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  rgba(11,20,74,0.76) 0%,rgba(5,10,37,0.76) 50%,rgba(0,0,0,0.02) 99%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20b144a', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


    text-shadow: rgba(0, 0, 0, 0.45) 3px 3px 3px;
}

.what-we-treat-hero .header-content h1{
	max-width: 590px;
}

.hero-section .et_pb_more_button {
    display: block!important;
    max-width: 250px;
    width: 100%;
    text-align: center;
    position: absolute!important;
    right: 0;
    bottom: 0;
}

.hero-section .et_pb_button_one{
    bottom: calc(15% - 20px);
    margin: 0!important;
}

.hero-section .et_pb_button_two{
    bottom: calc(7% - 20px);
    margin: 0!important;
}


/* --- Arrow Styles --- */
.report-left-arrow:before {
    position: absolute;
    right: -60px;
    top: calc(50% - 60px);
    content: '';
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #8c8c8c;
    z-index: 99;
}

.report-right-arrow:before {
    position: absolute;
    left: -60px;
    top: calc(50% - 60px);
    content: '';
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-right: 60px solid #8c8c8c; 
    z-index: 99;
}


.report-left-arrow-blue:before {
    position: absolute;
    right: -60px;
    top: calc(50% - 60px);
    content: '';
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #2c70b7;
    z-index: 99;
}

.report-right-arrow-blue:before {
    position: absolute;
    left: -60px;
    top: calc(50% - 60px);
    content: '';
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-right: 60px solid #2c70b7; 
    z-index: 99;
}


.treatment-option-box {
    border-bottom: 3px solid #2a75b7;
}

.dark-blue-section {
    background: #0b144c;
    color: white;
    padding: 25px;
}

.dark-blue-section h3{
    color: #66a3db;
}

.popup-button .sb_pb_modal_button:hover {
    background: #2370b8;
}

.light-gray-section {
    background: #ececec;
    padding: 25px;
}

/* --- Form Changes --- */
.gform_button {
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 0px;
    font-size: 20px;
    background-color: #0b144a;
    padding: 10px;
}
.gform_button:hover {
    color: #ffffff!important;
    background: #2370b8!important;
    border-radius: 0px;
}

input#input_3_2 {
    width: 100%;
}

/* --- Footer --- */

#footer-info {
    float: none!important;
    text-align: center;
}

div#footer-bottom .container {
    max-width: 100%;
    width: 100%;
    font-size: 13px;
}

.page-id-404 form input {
    max-width: 400px;
}

.page-id-404 button.et_submit_button.et_pb_button {
    float: left;
}


/* --- Mobile Styles --- */

@media screen and (max-width:981px){
.report-left-arrow:before, .report-right-arrow:before{
  content: '';
  right: initial;
  top: initial;
  bottom: -60px;
  left: calc(50% - 60px);
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-top: 60px solid #8c8c8c;
  border-bottom: none;
  z-index: 99;
  position: absolute;
}
}
@media screen and (max-width:768px){
	
	body #page-container .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button, body #page-container .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {
    max-width: 100%;
}
}

/* --- Landing Page Styles --- */

@media only screen and ( min-width:981px ) {
    /* Set the landing page slider height */
    .landing_page_slider, .landing_page_slider .et_pb_container { 
        height: 650px !important; 
    }
    landing_page_slider, .landing_page_slider .et_pb_slide { 
        max-height: 650px; 
    }
    .landing_page_slider .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}

.landing-page-hero-section h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
}

.landing-page-hero-section .et_pb_header_content_wrapper {
    max-width: 500px;
}