/*
Theme Name: Astroboy
Description: A Child Divi Theme for Divi
Author: Joe Stewart
Author URI: http://stewartcreativeservices.com/
Template: Divi
Version: 1.5
*/

@import url('../Divi/style.css');


/*---------------------------------------------*/
/* CUSTOM CSS FOR ASTROBOY BY JOE STEWART */
/*      COMPATIBLE WITH DIVI 2.4 AND UP        */
/*---------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*--------------------[GENERAL]-------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

#main-content {background-color: #eaeaea;}


/* custom lines variations */
	hr.line-orange {
    		border: 0;
    		height: 4px;
    		background-color: #ff4e00;
    		width: 200px;
    		margin-top: 15px;}

/* comment form submit button */
	.form-submit input {color: #ff4e00;}


/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/

/* drop down menu background color */
	#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu { background-color: #000!important;}
/* sub menu */
	ul.sub-menu {
    		background-color: #000!important;
    		padding: 5px!important;}
	#top-menu li li {padding: 0 0px; margin: 0;}
	#top-menu li li a {padding: 5px 10px;}
	#top-menu li li a:hover {color:#ff4e00!important;}

/* mobile menu */
	.nav ul li a:hover, .et_mobile_menu li a:hover {color: #ff4e00;}
	.et_mobile_menu {border-top: 3px solid #ff4e00;}




/*------------------------------------------------*/
/*-----------------[HOMEPAGE]---------------------*/
/*------------------------------------------------*/

/* homepage header */
	.header-home {height: 100vh;}
	.header-home .mejs-mediaelement { 
		-webkit-filter: grayscale(1) brightness(40%);
  		filter: grayscale(1) brightness(40%);}
	.header-home-row {
    		position: relative;
    		top: 40%;
    		transform: translateY(-50%);}
	.home-down-button .et-pb-icon {
    		font-size: 44px;
    		margin-left: -7px;
    		opacity: .5;
		-moz-transition: all 0.4s ease-in-out; 
		-webkit-transition: all 0.4s ease-in-out; 
		transition: all 0.4s ease-in-out; }
	.home-down-button  .et-pb-icon:hover {
    		font-size: 66px;
    		margin-left: -10px;
    		opacity: 1;}

/* section with 4 blurbs */
	.home-section-blurbs h4 {font-weight: 900;}
	.home-section-blurbs .et_pb_blurb {height:95px;}

/* section with 3 blurbs - larger icons */
	.blurb-section-largeicons .et-pb-icon-circle {font-size: 80px;}

/* about pg section */
	.about-pg-row .et_pb_column.et_pb_column_2_3 {float: right;}

/* testimonial slider */
	.testimonial-slider-section .et_pb_slide_description { width: 80%!important;}
	.testimonial-quote {font-size: 157px; line-height: 0px;}
	.testimonial-slider img {height:125px; width:125px; border-radius:62px;}

/* gallery */
	.et_overlay {border: 0px solid #000;}

/*------------------------------------------------*/
/*-------------[Custom Subscribe Demo]------------*/
/*------------------------------------------------*/
 
.demo-subscribe-section {padding: 0px!important;}
.demo-subscribe-section .et_pb_row {padding: 0px!important;}
.demo-subscribe-section .et_pb_newsletter{padding: 0px 0px;}
.demo-subscribe-section .et_pb_newsletter_description {padding: 0 0 0 0; width: 50%; margin: 0;}
.demo-subscribe-section .et_pb_newsletter_description p {padding: 19px 20px 0px 0px;}
 
.demo-subscribe-section .et_pb_newsletter_form {width: 50%; padding-left: 5px; height:60px; padding-top: 16px;}
.demo-subscribe-section .et_pb_newsletter_form p {display: inline-block; margin-right: 10px; padding: 0px; padding-bottom:10px;}
.demo-subscribe-section .et_pb_newsletter_form p input {
	font-size: 14px; 
	padding: 6px 4% !important; 
	width: 160px; 
	border-radius: 0px!important; 
	color:#fff; 
	background-color: #424242; }
 
.demo-subscribe-section .et_pb_button {
    font-size: 13px;
    padding: 0.3em 1em;
    background: #FF5C26;
    border: 0px solid;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;}

.demo-subscribe-section .et_pb_button:hover {padding-right: 30px; background-color:#bb2500;}
.demo-subscribe-section .et_pb_button:hover:after {font-size: 17px; padding-left:5px; top: 6px;}
.demo-subscribe-section .et_pb_button:after {font-size: 17px; content: "\e010"; top: 6px;}

.demo-subscribe-section .et_pb_newsletter_form p:nth-child(3) {display: none;}
.demo-subscribe-section .et_pb_newsletter_result { padding-top: 0px; margin-top: -15px;}
.demo-subscribe-section h2.et_pb_subscribed {font-size: 17px; padding-top: 3px;}
 
@media only screen and (max-width: 1110px) {
    .demo-subscribe-section .et_pb_newsletter_description {width: 35%;}
    .demo-subscribe-section .et_pb_newsletter_description p {padding: 9px 20px 0px 0px;}
    .demo-subscribe-section .et_pb_newsletter_form {width: 65%;}
}
 
@media only screen and (max-width: 980px) {
    .demo-subscribe-section .et_pb_newsletter_description {width: 100%; text-align:center;}
    .demo-subscribe-section .et_pb_newsletter_description p { text-align: center!important;}
    .demo-subscribe-section .et_pb_newsletter_form {width: 100%; text-align:center;}
}
 
@media only screen and (max-width: 570px) {
    .demo-subscribe-section .et_pb_newsletter_form {height:100px; padding-top:17px;}
    .demo-subscribe-section .et_pb_newsletter_button {margin-left: 0px;}
}
 
@media only screen and (max-width: 550px) {
    .demo-subscribe-section .et_pb_newsletter_form {height:130px;}
    .demo-subscribe-section .et_pb_newsletter_button {margin-left: 0px;}
}
 
@media only screen and (max-width: 460px) {
.demo-subscribe-section .et_pb_newsletter_form {height: 168px;}
.demo-subscribe-section .et_pb_newsletter_form {width: 63%; margin-left: 17%;}
 
}
 
@media only screen and (max-width: 360px) {
.demo-subscribe-section .et_pb_newsletter_form {width: 77%; margin-left: 10%;}
.demo-subscribe-section .et_pb_newsletter_button { margin-left: 45px;}
}
 
/*-------------[End Custom Subscribe]-------------*/
/*````````````````````````````````````````````````*/
/*````````````````````````````````````````````````*/





/*------------------------------------------------*/
/*----------------[PROJECT PAGES]-----------------*/
/*------------------------------------------------*/

.project-header-section h1 {font-size:77px; font-weight:900;}

.project-results-section img {
    z-index: 1;
    position: relative;
    margin-bottom: -94px;}


/*------------------------------------------------*/
/*------------------[BLOG PAGES]------------------*/
/*------------------------------------------------*/

/*feature thumbnails alongside post titles on blog page*/
 
.et_pb_post a img{
  max-width: 250px!important;   
  float: left;
  left: 0;
  padding-right: 14px;}
 
@media only screen and (max-width: 980px) {
.et_pb_post a img{
  float:none;
  max-width: 250px!important;}}


/* comment form */

	#commentform textarea, #commentform input[type="text"] {
	    padding: 12px;
	    color: #999;
	    background-color: #fff;
	    border: none;
	    font-size: 18px;}


/* remove that bottom margin caused by footer js */
	.single .et_pb_post {margin-bottom: 0;padding-bottom: 0;}
	#left-area {padding-bottom:0;}

/*------------------------------------------------*/
/*------------------[SIDEBARS]--------------------*/
/*------------------------------------------------*/

/* widget titles */
	h4.widgettitle {
    		background-color: #393d52;
    		padding: 8px;
    		color: #fff;
    		border-radius: 3px;
    		margin-bottom: 12px;}

/*sidebar search widget button */
	.widget_search #searchsubmit {background-color: #ff4e00; color: #fff!important;}

/* move sidebar to the left on archive pages */
	@media only screen and ( min-width: 980px ) {
		.et_right_sidebar #left-area {
			float: right;
			padding-left: 5.5%;
			padding-right: 0;}
		.et_right_sidebar #sidebar {
			padding-left: 0;
			padding-right: 30px;}
		.et_right_sidebar #main-content .container::before {
			left: 20.875% !important;
			right: auto !important;}}

/*------------------------------------------------*/
/*----------------[CONTACT FORM]------------------*/
/*------------------------------------------------*/

.contact-form-section {border-bottom: 2px solid #ff4e00; padding-bottom:50px!important;}

.contact-form-section::before, .contact-form-section::after {
    position: absolute;
    content: '';
    pointer-events: none;
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.contact-form-section::after {
    bottom: -52px;
    z-index: 10;
    background: inherit;
    border-bottom: 2px solid #ff4e00;
    border-right: 2px solid #ff4e00;
    border-radius: 4px;
    border-top: 2px solid #eaeaea;
    border-left: 2px solid #eaeaea;
}

/* contact form input box background color */
	.et_pb_contact p input, .et_pb_contact p textarea {background-color: #fff;}


/*------------------------------------------------*/
/*---------------[FOOTER MODULE]------------------*/
/*------------------------------------------------*/

/* connect bar */
	.connect-section .et_pb_text {
    		font-size: 20px;
    		font-weight: 700;
    		padding-top: 5px;
    		text-transform: uppercase;
    		letter-spacing: 1px;}
	.connect-section .et_pb_social_media_follow {float: right;}
	.connect-section .et_pb_social_media_follow li a.icon::before {color: #ed5927;}
	.connect-section .et_pb_social_media_follow li a.icon:hover::before {color: #80280b;}


/* page builder footer modules */
	.footer-module h2 {
    		color: #eee!important;
    		font-size: 15px;
    		text-transform: uppercase;
    		margin-bottom: 10px;
    		letter-spacing: -0.1px;
    		font-weight: 500;
    		font-family: Montserrat;}

	.footer-module p {
    		color: #999999;
 		font-family: sans-serif;
    		font-size: 13px;
    		line-height: 19.4px;
    		font-weight: 300;
    		padding-bottom: 0px;}

	.footer-module li {
    		font-family: sans-serif;
    		font-size: 13px;
    		line-height: 19.4px;
    		font-weight: 300;
    		padding-bottom: 4px;
    		letter-spacing: 2px;}

	.entry-content ul {
    		list-style-type: none!important;
   		padding: 0 0 2px 0px!important;}

	.footer-module li a { color: #999999;}

	.footer-module li a:hover {color: #ff4e00;}
	.footer-module a:hover {color: #ff4e00;}

/*------------------------------------------------*/
/*-----------[STANDARD DIVI FOOTER]---------------*/
/*------------------------------------------------*/


#footer-bottom {
	background-color: #000000;
	z-index: 9999;
	position: relative;
	font-size: 12px; 
	padding-bottom: 50px;}

#footer-info, #footer-info a {color: #E0E0E0; text-align:center; float: none;}

/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/

	@media only screen and ( max-width: 1150px ) {
		#logo {max-height: 35%;}
		#et-top-navigation { padding-left: 300px!important;}
		.project-header-section h1 {font-size: 45px!important;}}

	@media only screen and (max-width : 980px) {
		.et-search-form input {background: #000; width: 200%;}
		.about-pg-section .left {display: none;}
		.about-pg-section .right {padding-right: 10px!important;padding-left: 10px!important;}
		.connect-section .et_pb_column {margin-bottom: 0px; width: 50%!important;}
		.et_pb_section {padding: 0px 0;}
		.et_pb_row_6:before {display:none!important;}
		.footer-module-section {padding-top: 30px;}
		.single-post .et_pb_widget_area {display: none;}
		.et_pb_title_featured_container img {padding-top: 80px;}}

	@media only screen and ( max-width: 767px ) {
		.header-home-row {top: 0px; transform: none;}
		#fixed-blurbs {display: none;}
		.connect-section .et_pb_column {margin-bottom: 0px; width: 100%!important;}
		.connect-section .et_pb_text { text-align: center; padding-bottom: 12px;}
		.connect-section .et_pb_social_media_follow {
    			float: none;
    			margin-right: auto;
    			margin-left: auto;
    			display: table;}}


	@media only screen and (max-width : 568px) {
		.et_pb_text.et_pb_module.et_pb_bg_layout_dark.et_pb_text_align_right.header-module.et_pb_text_0 {
    			padding-right: 30px!important;
    			padding-left: 30px!important;
    			padding-top: 150px!important;
    			padding-bottom: 105px!important;}
		#fixed-blurbs {display: none;}
		.testimonial-slider-row {margin: 0px; width: 100%;}
		.et_pb_promo.et_pb_module.et_pb_bg_layout_dark.et_pb_text_align_center.cta-module {
    			padding-right: 10px!important;
    			padding-left: 10px!important;
    			padding-top: 85px!important;
    			padding-bottom: 90px!important;}
		.cta-module h2 {font-size: 24px!important; line-height: 30px!important;}
		.cta-module .et_pb_promo_description p:last-of-type {
    			font-size: 14px;
    			padding-right: 25px;
    			padding-left: 25px;
    			padding-top: 15px;
    			padding-bottom: 15px;}
		ul.et_pb_social_media_follow {padding-bottom: 12px;}}

	@media only screen and ( max-width: 414px ) {
		.header-home-row {top: 20px;}
		.right p {font-size: 15px;}
		.connect-section .et_pb_text {font-size: 14px;}
		.et_pb_social_media_follow li a.icon {height: 27px;width: 27px;}
		.et_pb_social_media_follow li a { margin-right: 6px;}
		.cta-module .et_pb_promo_description p:last-of-type {padding-bottom: 15px; padding-top: 16px; font-size: 15px;}}

	@media only screen and (max-width: 360px) {
		.demo-subscribe-section .et_pb_newsletter_button {margin-left: 0px;}}


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*---[ADD YOUR CUSTOMIZATION BELOW THIS LINE]-----*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/