/*
 Theme Name:   Horizon Crane Custom
 Description:  Child Theme Template
 Author:       Joshua Neufeld
 Author URI:   http://redanchorwebdesign.com
 Template:     Divi
 Version:      1.0.0
*/


/*-----IMPORTED FONTS-----*/

@import url(http://fonts.googleapis.com/css?family=Inder);


/*-----IMPORTED STYLE SHEETS-----*/

@import url("../Divi/style.css");

@import url("../Divi-child/universals.css");

@import url("../Divi-child/pages.css");
/*

            //\\
           //  \\
            \\//
     /////\///\\\/\\\\\	
    ||RED ANCHOR STUDIO||     
     \\\\\///\/\\\/////
	    ||||
            ||||
            ||||
   /        ||||         \
  //        ||||         \\
 ///        ||||         \\\
  \///    ////\\\\    \\\/
    \/////////\\\\\\\\\/
        \/////\\\\\/
	    \\//
*/


/*----GENERAL NOTES-----*/

/*
#007dc2 - rgba(0,125,194,1) - Blue Colour
#1c1a25 - rgba(28,26,37,1) - Dark Grey Colour
*/


/*---------------------------------------------------------------------------------------------------------*/	
/*-----FONT CHANGES----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

#top-menu-nav a {font-family: 'Inder', sans-serif; font-size: 18px;}

h1, h2, h3, h4, h5 {font-family: 'Inder', sans-serif;}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----PRE PROGRAMMED RESPONSIVENESS-----------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 767px)
	{
		.split-page-left {float: left; display: inline; width: 48%; margin-bottom: 25px;}
		.split-page-right {float: right; display: inline; width: 48%; margin-bottom: 25px;}
		.triple-column-left, .triple-column-center {float: left; width: 32%; margin-right: 2%; display: inline; margin-bottom: 25px;}
		.triple-column-right {float: right; width: 32%; display: inline; margin-bottom: 25px;}
		.four-column-one, .four-column-two, .four-column-three {display: inline; width: 23.5%; float: left; margin-right: 2%; margin-bottom: 25px;}
		.four-column-four {display: inline; width: 23.5%; float: right; margin-bottom: 25px;}
		.two-third-width {float: left; display: inline; width: 64%; margin-right: 2%; margin-bottom: 45px;}
		.one-third-width {float: left; display: inline; width: 33%; margin-bottom: 45px;}
	}

@media screen and (max-width: 767px)
	{
		.split-page-left {float: left; display: inline; width: 100%; margin-bottom: 20px;}
		.split-page-right {float: left; display: inline; width: 100%; margin-bottom: 25px;}
		.triple-column-left, .triple-column-center, .triple-column-right {float: left; width: 100%; margin-bottom: 20px; display: inline;}
		.four-column-one, .four-column-two, .four-column-three, .four-column-four {display: inline; width: 100%; float: left; margin-bottom: 20px;}
		.two-third-width, .one-third-width {float: left; display: inline; width: 100%; margin-bottom: 20px;}
	}

	
/*---------------------------------------------------------------------------------------------------------*/	
/*-----MOBILE FIXES----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 480px)
	{
		.show-browser, .hide-mobile {display: inline;}
		.show-mobile, .hide-browser	{display: none;}
	}

@media screen and (max-width: 480px)
	{
		.show-mobile, .hide-browser {display: inline;}
		.show-browser, .hide-mobile {display: none;}
	}

	
/*---------------------------------------------------------------------------------------------------------*/	
/*-----LOGO------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

#logo {max-height: 140px; padding-top: 0px !important;}

@media screen and (max-width: 480px) {#logo {max-height: 110px; padding-top: 0px !important; position: relative;}}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----BOXED LAYOUT BACKGROUND-----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

body.et_boxed_layout {background: url('http://www.reddeermassagetherapy.com/wp-content/uploads/2014/10/Wood.png') !important; background-repeat: no-repeat !important; background-size: 100% !important; background-attachment: fixed !important; }

.et_boxed_layout #page-container {-moz-box-shadow: 0 0 50px 0 rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.75); box-shadow: 0 0 50px 0 rgba(0,0,0,0.75);}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----CUSTOM PAGE HEADER----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

.custom-page-header h1 {text-shadow: 1px 1px 20px white; font-size: 38px; padding-bottom: 0px; color: #353535; font-weight: bold;}

.custom-page-header {padding: 20px 0px;background: url('http://www.horizoncrane.com/wp-content/uploads/2015/06/headerbackground.jpg'); background-size: 100% !important;   background-position-y: -176px;}

@media screen and (max-width: 767px) {.custom-page-header h1 {font-size: 26px;}}

@media screen and (max-width: 480px) {.custom-page-header h1 {font-size: 20px;}}

@media screen and (max-width: 767px) {.custom-page-header {padding: 21px 0px;}}



/*---------------------------------------------------------------------------------------------------------*/	
/*-----HEADER----------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

#top-header {background: #007dc2;}

#et-info, #et-secondary-nav a {color: white !important; position: relative; text-shadow: 0px 0px 18px rgb(16,70,20); float: right;}

@media screen and (max-width: 480px) { #et-top-navigation, #et-info {float: none;} #et-secondary-menu {display: none;}}

#top-header {border-bottom: 2px solid rgb(16,70,20);}

@media screen and (max-width: 767px) {.homepage-search {display: none;}}

@media screen and (max-width: 767px) {#et-secondary-menu {float: right; position: relative; left: -72px;}}

@media screen and (max-width: 480px) {#et-secondary-menu {display: block; left: -21px}}

.et-social-facebook a.icon:before {content: '\e09d'}

header#main-header {background: url('http://www.horizoncrane.com/wp-content/uploads/2015/06/headerbackground.jpg'); background-size: 100% !important; box-shadow: none !important;}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----VERY CUSTOM HEADER IMAGE----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1250px) {
	header#main-header, .custom-page-header {background-size: 140% !important;}
}

@media screen and (max-width: 913px) {
	header#main-header, .custom-page-header {background-size: 200% !important;}
}

@media screen and (max-width: 623px) {
	header#main-header, .custom-page-header {background-size: 350% !important;}
}

@media screen and (max-width: 480px) {
	.custom-page-header {background-position-y: -150px !important;}
}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----FOOTER----------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 480px)
	{
		#main-footer p {font-size: 10px;}
	}

@media screen and (max-width: 480px)
	{
		#main-footer p {font-size: 8px;}
	}

.custom-footer-widget {float: right;}

.et-social-icons {padding-top: 5px;}

#footer-bottom {background-color: rgba(0, 0, 0, 0.0); border-top: 1px dotted rgba(0,0,0,0.5)}

p#footer-info, #footer-bottom a {color: #fff;}

#footer-widgets {padding-top: 40px !important;}

#footer-widgets h4 {color: white !important; text-shadow: 1px 1px 1px black;}

footer#main-footer { border-top: 2px solid #1c1a25;}

.footer-widget {margin-bottom: 20px;}

#footer-widgets a {color: white !important; font-weight: bold;}

#footer-widgets ul li {padding-bottom: 0px !important;}

#footer-widgets ul li a {font-weight: normal !important;}

#footer-widgets ul li.current_page_item a {font-style: italic; font-weight: bold !important;}

.widget_search #searchsubmit {height: 30px !important;}

.et-social-icon.et-social-twitter a:hover, .et-social-icon.et-social-facebook a:hover {color: rgba(255,255,255,0.9) !important; text-shadow: 0px 0px 3px black;}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----NAVIGATION------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

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

#top-menu li a:hover, .sub-menu li a:hover {color: #104614}

#top-menu-nav .sub-menu li {margin-bottom: 14px;}

#top-menu-nav .sub-menu li:nth-child(8) {margin-bottom: 0px;}

#et_top_search {margin: 29px 0 0 22px;}

#main-header nav#top-menu-nav, #main-header.et-fixed-header nav#top-menu-nav {padding-top: 94px; padding-bottom: 20px}

.et-fixed-header #et_search_icon:before {margin-top: 0px;}

.et-fixed-header {padding-top: 18px !important;}

.et-fixed-header .mobile_menu_bar:before {top: 0px;}

#top-menu li.current-menu-item > a  { font-style: italic; text-shadow: 0px 1px 1px rgba(0,0,0,0.2);}

#top-menu li > a {padding: 2px 5px !important;}

#top-menu li {padding-right: 10px;}

#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {content: none;}

.menu-item-107 ul.sub-menu {padding-right: 20px !important; width: auto !important; left: -52px !important; top: 34px !important;}

ul.sub-menu li a {text-align: center; color:#172c52 !important; }

ul.sub-menu li {padding-right: 0px !important;}

#top-menu-nav ul li a:hover {border-bottom: 2px solid #007dc2 !important;}



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

.mobile_menu_bar:before {font-size: 32px; content: "\63";}

.et_header_style_centered #main-header .mobile_nav {background-color: rgba(250,250,250,0.95);}

#main-header .et_mobile_menu {top: 148px;}

.mobile_menu_bar {top: 110px;}

@media screen and (max-width: 480px) 
	{
		#main-header .et_mobile_menu {top: 119px;}
		.mobile_menu_bar {top: 80px; left: 0px;}
	}

ul#mobile_menu li#menu-item-107 ul.sub-menu li a {text-align: left;}

ul#mobile_menu li#menu-item-107 ul.sub-menu li {padding-left: 8%;}.et_mobile_menu .menu-item-has-children > a {background-color: white !important; font-weight: normal !important;}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----CONTACT FORM 7 FIXES--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

input.wpcf7-text, input.wpcf7-captchar {width: 77%; margin-left:10px;}

textarea.wpcf7-textarea {width: 89%; font-family: inherit; margin-left:10px; height: 100px;}

@media screen and (max-width: 767px) {textarea.wpcf7-textarea {width: 77%;}}

.wpcf7-form p {color: #353535; font-size: 14px; padding-bottom: 19px;}

.contact-form-background {background: url('http://www.horizoncrane.com/wp-content/uploads/2015/06/contact-form-background.png'); border-radius: 5px; border: 1px outset rgba(0,0,0,0.2); padding: 13px 7px 10px 15px;}

/*-----*/

input.wpcf7-email, input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-number, input.wpcf7-date, select.wpcf7-select, input.wpcf7-captchar {color: #454545; font-size: 14px; padding: 12px; background:white; border: 2px outset grey; border-radius: 10px}

input.wpcf7-email:hover, input.wpcf7-text:hover, textarea.wpcf7-textarea:hover, input.wpcf7-number:hover, input.wpcf7-date:hover, select.wpcf7-select:hover, input.wpcf7-captchar:hover {background: rgba(255,255,255,0.75); -webkit-box-shadow: inset 0 0 25px 0 rgba(50,50,50,0.15); -moz-box-shadow: inset 0 0 25px 0 rgba(50,50,50,0.15); box-shadow: inset 0 0 25px 0 rgba(50,50,50,0.15);}

input.wpcf7-email:focus, input.wpcf7-text:focus, textarea.wpcf7-textarea:focus, input.wpcf7-number:focus, input.wpcf7-date:focus, select.wpcf7-select:focus, input.wpcf7-captchar:focus {background: ghostwhite; border-radius: 0px; -webkit-box-shadow: inset 0 0 15px 0 rgba(50,50,50,0.45); -moz-box-shadow: inset 0 0 15px 0 rgba(50,50,50,0.45); box-shadow: inset 0 0 15px 0 rgba(50,50,50,0.45); border: 2px inset grey;}

/*-----*/

input.wpcf7-submit {text-transform: uppercase; font-size: 20px; padding: 5px 8px 3px; border: 2px solid grey; border-radius: 3px; top: 15px; color: #504b48; text-shadow: 1px 1px 0px white; background: rgba(255,255,255,0.90);}

input.wpcf7-submit{-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

input.wpcf7-submit:hover {border-color: #383838; color: #fff; background: rgba(0,125,194,1); cursor: pointer; text-shadow: none;}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----BLOG FORMATTING-------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

.category .et_pb_post a img, .author .et_pb_post a img {display: none;}

.et_pb_post {width: 100%; display: inline; float: left; margin-bottom: 12px;}

@media screen and (max-width: 767px)
	{
		.et_pb_post {width: 100%; display: inline; float: none;}
	}

.single-post .et_pb_post {width: 100%; display: inline; float: none;}

.single-post .has-post-thumbnail img {float: right; display: inline; width: 40%; margin: 0 0 10px 10px;}

.single-post .abh_tab_content img {float: none; width: 100%; margin: 0;}

.et_pb_post .entry-content {padding-top: 0px;}

.post .post-meta {display: none;}



/*---------------------------------------------------------------------------------------------------------*/	
/*-----STARBOX & LIST STYLING------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

.abh_pwb a {display: none;}

.et_pb_tabs_controls li {padding: 5px 18px 3px;}.et_pb_section .et_pb_text ul {margin-left: 12px;}


/*---------------------------------------------------------------------------------------------------------*/	
/*-----INSTAGRAM PLUGIN FIX--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

.instagram-pics li {width: 32%; padding: 0px 2px 0px 0px !important; margin-bottom: 0px !important; float: left; line-height: 1em;}

.instagram-pics li:before {border-style: none !important;}

#null-instagram-feed-2 p.clear a {display: none;}