/*
Theme Name: Divi Child 
Description: A child theme from Zoe Design
Author:   Zoe Design http://zoedesign.com.au
Author URI:  http://zoedesign.com.au
Template: Divi
*/

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

#sidebar .et_pb_widget {background-color:#fff; padding:30px;}
#sidebar .et_pb_widget h4   {font-size: 30px; padding-bottom: 30px;}
.et_pb_widget a {color: #666; font-size: 16px;}

#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {width:100%}


@font-face {
  font-family: 'trashhandregular';
  src: url('fonts/TrashHand-webfont.eot');
  src: url('fonts/TrashHand-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/TrashHand-webfont.woff') format('woff'),
  url('fonts/TrashHand-webfont.ttf') format('truetype'),
  url('fonts/TrashHand-webfont.svg#trashhandregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'impact_label_reversedregular';
  src: url('fonts/Impact_Label_Reversed-webfont');
  src: url('fonts/Impact_Label_Reversed-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Impact_Label_Reversed-webfont.woff') format('woff'),
  url('fonts/Impact_Label_Reversed-webfont.ttf') format('truetype'),
  url('fonts/Impact_Label_Reversed-webfont.svg#crimes') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'crimes';
  src: url('fonts/crimes.eot');
  src: url('fonts/crimes.eot?#iefix') format('embedded-opentype'),
  url('fonts/crimes.woff') format('woff'),
  url('fonts/crimes.ttf') format('truetype'),
  url('fonts/crimes.svg#crimes') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ghoulfriaoe';
  src: url('fonts/GhoulFriAOE.eot');
  src: url('fonts/GhoulFriAOE.eot?#iefix') format('embedded-opentype'),
  url('fonts/GhoulFriAOE.woff') format('woff'),
  url('fonts/GhoulFriAOE.ttf') format('truetype'),
  url('fonts/GhoulFriAOE.svg#ghoulfriaoe') format('svg');
  font-weight: normal;
  font-style: normal;
}

.haunted_header h1 {font-family:'crimes'; font-weight:normal; list-style:none;}
.haunted_header h2 {font-family:'ghoulfriaoe'; font-weight:normal; list-style:none;}


/*-------------------------WIDGET TITLE---------------------------------*/

.widgettitle {
text-align:center;
font-size: 50px !important;
font-family: 'trashhandregular';
padding-bottom: 5px !important;
border-bottom: solid 2px #000000;
margin-bottom: 25px;
}

.et_pb_widget ul li {
    margin-bottom: 0.9em;
}
/*-------------------------TOP HEADER---------------------------------*/

#et-info-phone, #et-info-email, .et-cart-info span {display:none;}

#top-header .container {font-weight:normal;}

.et_fixed_nav #top-header{ height:60px; top:-20px;}

.et_header_style_centered #logo {padding:0;}

.et_nav_text_color_light, .et_nav_text_color_light #et-secondary-nav a, .et_nav_text_color_light .et-social-icon a, .et_nav_text_color_light #et-info a { color: #fff;}

#et-secondary-menu {float:left;}

#et-secondary-nav li {margin-right:1px;}

#et-info {float:right; padding-top:1px; margin-right:1px;}

#secondlogo {padding-right:15px;}

#top-header, #top-header .container, #top-header #et-info, #top-header .et-social-icon a {line-height:0;}

#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a::before
{font-family:'impact_label_reversedregular'; font-size:35px !important;}  

.et_header_style_centered nav#top-menu-nav {display:none;}

#main-header {top:35px !important;}

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

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center h1 {font-family: 'trashhandregular'; font-size:50px;}
.et_pb_fullwidth_header {padding-bottom:1px; padding-top:1px;}
.et_pb_fullwidth_header .header-content {padding:0;}


/*-------------------------IF YOU WANT TO REMOVE WHITE BAR ON SCROLL UP--------------------

.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container, .et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {height:1px ! important;}

-------------*/


/*-------------------------BACKGROUND---------------------------------*/

body {background-color:transparent;
  background-image: url("http://skypiratestudios.com/wp-content/uploads/2015/05/sky_pirate_bg.jpg") ! important;}
#main-content, .et_pb_section {background-color:transparent;}
.bg {padding-left:50px;}


/*-------------------------MAIL CHIMP---------------------------------*/

.small{ height:150px; background-color:#15899b; margin:0 !important;}
  
.list-img {
  max-width: 320px;
  margin-left: -30px;
  margin-top: -28px;
  margin-bottom: 20px;}  

.et_pb_newsletter {margin-bottom:0;}

.et_pb_newsletter_button {
  background-color:#4abbc7;
  font-size:40px; font-family:'trashhandregular';
  border:none;
  display: inline;
  padding:5px 15px;

  color:#fff !important;
  font-style:normal;}
      
.et_pb_newsletter_description h2 {font-size:40px; color:#fff; font-family:'trashhandregular'; font-style:normal;}


 /*-------------------------ABOUT PAGE---------------------------------*/
 
.text-about {background-color:#fff; padding: 20px 2px;}
.text-about p, .text-about h1, .text-about h2, .text-about h3, .text-about h4 {padding: 10px 25px;}
@media only screen and (min-width: 1025px) {
.about {padding:0 130px !important;}
}

 /*-------------------------BLOG PAGE---------------------------------*/

.et_pb_column .et_pb_post {position: relative;}
.et_pb_column .et_pb_posts h2 {position: absolute; top: 0; width: 103%;}

.et_pb_column .et_pb_post img[width="1080"] {padding-top: 84px; padding-bottom:30px;}

.fb-img {padding-top:50px;}
.et_pb_section .et_social_inline_bottom {margin-top: -290px;}

.image-top {width:100%;
  -moz-box-shadow: -4px 30px 10px rgb(21, 51, 81);
  -webkit-box-shadow: -4px 30px 10px rgb(21, 51, 81);
  box-shadow: -4px 30px 10px rgb(21, 51, 81);}

.box {
  -webkit-box-shadow: -5px 2px 16px 0px rgba(50, 50, 50, 0.92);
  -moz-box-shadow:    -5px 2px 16px 0px rgba(50, 50, 50, 0.92);
  box-shadow:         -5px 2px 16px 0px rgba(50, 50, 50, 0.92);}

#main-content .container::before {background-color: transparent;}
.et_pb_inner_shadow {box-shadow: none;}


.et_pb_post h2, .single .et_pb_post h1 {
  background: none repeat scroll 0 0 #153351;
  color: #fff;
  font-family: "impact_label_reversedregular";
  font-size: 35px;
  margin: -7px -30px 15px;
  padding: 5px;
  text-align: center;
  -webkit-box-shadow: -5px 2px 7px 0px rgba(0, 0, 0, 0.52);
  -moz-box-shadow:    -5px 2px 7px 0px rgba(0, 0, 0, 0.52);
  box-shadow:         -5px 2px 7px 0px rgba(0, 0, 0, 0.52);}

.pagination {
  margin-top: -70px;
  margin-bottom:30px;
  z-index: 100;
  position: relative;}


.pagination .alignleft a  {
  background-color: #153351;;
  color: #fff;
  margin-left: -23px;
  display: block;
  font-family: "impact_label_reversedregular"!important;
  font-size: 25px;
  padding: 7px;
  margin-bottom: -90px;
  -webkit-box-shadow: -5px 2px 7px 0px rgba(50, 50, 50, 0.92);
  -moz-box-shadow:    -5px 2px 7px 0px rgba(50, 50, 50, 0.92);
  box-shadow:         -5px 2px 7px 0px rgba(50, 50, 50, 0.92);}

.pagination .alignright a  {
  background-color: #153351;;
  color: #fff;
  font-family: "impact_label_reversedregular"!important;
  font-size: 25px;
  display: block;
  margin-right: -23px;
  padding: 7px;
  margin-bottom: -90px;
  -webkit-box-shadow: -5px 2px 7px 0px rgba(50, 50, 50, 0.92);
  -moz-box-shadow:    -5px 2px 7px 0px rgba(50, 50, 50, 0.92);
  box-shadow:         -5px 2px 7px 0px rgba(50, 50, 50, 0.92);} 



/* ---------------------POST--------------------*/

.et_pb_post {position:relative; background-color:#fff; padding:0 20px 100px !important; margin-bottom:0;}

.et_pb_gutter.et_pb_gutters2 #left-area {width:65.59%;}
.et_pb_gutter.et_pb_gutters2 #sidebar {width: 27.6%;}

.et_right_sidebar #sidebar {padding-left: 10px;}


/* ---------------------POST top image-----------------
.et_right_sidebar #left-area:before {
  content: url("http://skypiratestudios.com/wp-content/uploads/2015/05/top-1.png");
  width: auto;
  height: auto;
  max-width: 100%;
  -moz-box-shadow: -4px 30px 10px rgb(21, 51, 81);
  -webkit-box-shadow: -4px 30px 10px rgb(21, 51, 81);
  box-shadow: -4px 30px 10px rgb(21, 51, 81);}

---*/

@media only screen and (min-width: 1280px) {

.et_right_sidebar #left-area {width: 600px;padding-left: 75px;}
.et_right_sidebar #sidebar {width: 320px;padding-left: -175px;}
}

/* ---------------------VIDEO --------------------*/

.page .et_post_video {display: none;}
.et_pb_column .et_pb_post .fluid-width-video-wrapper {top:90px;}



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

.widget_search #s {width:120%;}
.osx .widget_search #searchsubmit {margin-right: -80px; }
 #search-3 > h4 {font-size:30px;font-family:'trashhandregular';color:#fff !important;}
.widget_search #searchsubmit {font-size:15px;font-family:'trashhandregular'; font-weight:normal;color:#000 !important;}

.footer-links {float: left; margin-left:20px; margin-bottom:40px;background-color:#153351;background:repeat;}
.footer-links li {display: inline-block; margin:2em; }
.footer-links a {font-size:14px; font-family:'Open Sans'; font-weight:normal;color:#fff;line-height:1em;}
.footer-links h1 {font-size:30px; font-family:'trashhandregular'; font-weight:normal;color:#fff;}
.footer-links h1 a {font-size:30px; font-family:'trashhandregular'; font-weight:normal;color:#fff;}

.contact-footer {width:100%;}
.line-footer {border-left:1px solid #fff; height:100px;} 
 #footer-bottom { background-color:#153351;}

.footer-widget .textwidget {font-size:20px; line-height:35px; font-style:italic;}
.widget_sp_image-description {float:left; text-align:left; font-size:25px; font-family:'trashhandregular'; 
 font-weight:normal; color:#fff; padding-top:20px; padding-left:10px; line-height:35px;}
.footer-widget:last-of-type {border-right:0;}
.footer-widget {margin-right: 0; text-align:center;}  
 #footer-widgets {margin-left:-100px; padding-top: 30px;}
  
 #main-footer  {
  margin-top:80px;
  background-image: url("http://skypiratestudios.com/wp-content/uploads/2015/05/sky_pirate_footer.png");
  height:auto;
  max-width:100%;
  background-repeat:no-repeat;
  background-position: top center;}
 

/* Style Footer Social Icons - Lines 1185 to 1198 */

.et-social-icon a {font-size: 34px;}
#footer-bottom .et-social-facebook a {color:#fff;}
#footer-bottom .et-social-twitter a {color: powderblue;}
#footer-bottom .et-social-google-plus a {color: red;}
#footer-bottom .et-social-rss a {color: orange;}


/* --------------------------MEDIA SCREEN ---------------------- */

@media only screen and (max-width: 1024px){ 
.et_fixed_nav #logo {max-height: 100px; margin-bottom: 0;}  
.et-fixed-header #logo {max-height: 0px; margin:0; }
.blog .et_pb_row{width: 100%;}
.et_pb_row h1 {padding-top:35px;}
.et_pb_gutter.et_pb_gutters2 #sidebar {width: 33%;}
.et_pb_widget {float:none;}
.et_pb_newsletter_button {margin:0;}       
 #footer-widgets {margin-left:-30px;}
 #footer-bottom {margin-left:-90px;}
.et_pb_newsletter_button:after {display:none;}
.et_pb_button:hover::after {margin-left:0 !important}
}


@media only screen and (max-width: 967px){
.blog .et_pb_row {width: 80%;}
.et_pb_row {width: 80%;}
}  

@media only screen and (max-width: 768px) {
.et_fixed_nav #logo {max-height:110px; margin-bottom:0; padding-top:20px;}
.et-fixed-header #logo {max-height:110px; margin:0; }
.et-fixed-header {padding-bottom:1px; padding-top:1px;}
.et_header_style_centered nav#top-menu-nav {display: none;}
#main-header {padding-top:8px;}
#primary-menu {display:none !important;}
#et-info {display:block; padding-top:0 !important;}
.et_pb_section .et_pb_column .et_pb_module {margin-bottom: 0;}
.et_pb_row:last-child .et_pb_column:last-child {margin-top: 40px;}
.et_right_sidebar #sidebar {padding-left:0;}
.et_right_sidebar #sidebar {width:100% !important; max-width:100% !important; margin: 0 auto;}   
.bg {padding-left:0px;}
.small{ width:100%; height:130px;}
.et_pb_image_container img, .et_pb_post a img {max-width:100%; padding:0; margin:0 auto;} 
.et_pb_post {background-color: #fff; padding:0 10px 10px;}
.et_pb_post h2 {margin: 0 -20px 10px -20px;} 
.et_pb_row h1 {line-height:60px; padding-top:35px;}
.line-footer {display: none ! important;}
.footer-links {float:none !important; }
.footer-links li {display: block; margin-bottom: 40px; text-align: center;}
.footer-links h1 {display: block;}
.widget_search #s {width:100%;}
.osx .widget_search #searchsubmit {margin-right:0;}
.et-social-icons li {margin:15px;}
.widget_sp_image-description {float:left;}
.list-img {width: 100% !important; margin-left: 0;}
#footer-widgets .footer-widget .fwidget {float: none;}
#footer-widgets {margin-left:auto;}
#footer-bottom {margin-left:auto;}
.pluginButton {margin-bottom:20px;}
#secondlogo{margin-top:30px;}
}


@media only screen and (max-width:736px) {
.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container, .et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {height:1px ! important;}
.et_pb_column .et_pb_posts h2 {width: 107%;}
.et_pb_post h2, .single .et_pb_post h1 {font-size:18px;}
.et_pb_post .post-meta {font-size:12px;}
.et_right_sidebar #sidebar {margin: 0 auto !important;}
.et_right_sidebar #left-area {max-width:100%;}
.et_right_sidebar #left-area::before {display:none;}
.pagination {margin-top: -7px;}
.footer-links {margin-left:0;}
}

 @media only screen and (max-width:568px) {
#secondlogo {margin-right:-20px;}
.et_pb_section {padding-top:0;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center h1 {font-size:35px;}
.et_pb_post h2, .single .et_pb_post h1 {margin: 0 10px 0 -35px !important;}
.single .et_pb_post h1 {margin: 0 -20px 0 -20px !important;}
}


/* ----------- iPhone 5 ----------- */

/* Portrait  */
@media only screen and (max-width: 320px) {   
.footer-widget #widget_sp_image-2, .footer-widget #widget_sp_image-3 {padding-left:40px !important;}
.et_pb_post h2, .single .et_pb_post h1 {margin: 0 10px 0 -25px !important;}
.single .et_pb_post h1 {margin: 0 -2px 0 -20px !important;}

}


/* ----------- iPhone 6 ----------- */

/* Portrait  */
@media only screen and (max-width: 375px) { 
#secondlogo {padding-bottom:-60px;}    
#widget_sp_image-2, #widget_sp_image-3 {padding-left:60px !important;}
.et_pb_post h2, .single .et_pb_post h1 {margin: 0 10px 0 -25px !important;}
.single .et_pb_post h1 {margin: 5px -20px !important;}
}


/* --------------------------MOBILE MENU---------------------- */

.et_header_style_centered .et_mobile_menu {background-color: #f3f3f3; text-transform:uppercase; border-bottom:3px solid #2ea3f2;}
.et_mobile_menu li a {color:#000;}
#et_mobile_nav_menu .cat-item {display:none;}
#et_mobile_nav_menu .menu-item-45, #et_mobile_nav_menu .menu-item-264, #et_mobile_nav_menu .menu-item-267 {
 display:none !important;}

 
 /* ------------------Help I'm Haunted Landing Page -----------------*/

 .haunted_comingsoon h2 {font-size:40px; color:#fff; font-family:'trashhandregular'; font-style:normal;}

 /* Change columns from 4-3 */

 .et_pb_column_4_4 .et_pb_portfolio_grid .project {
   clear: none !important;
   margin: 0 60px 42px 0 !important;
   width: 27% !important;}

 .portfolio-section img {max-width: 110%;}
 .portfolio-section h2 a {font-size:14px; color: #b2b2b2;}
 .portfolio-section .post-meta {font-size:12px; margin-top:-13px; color:#cecece!important;}
 
 
/* --------------------------other KEVYN---------------------- */


.monitor-frame .et_pb_column {background-position: center top;}

@media only screen and ( max-width: 980px ) {
.monitor-frame .et_pb_column:nth-child(2) {
padding-bottom: 28%;}
}


.pixelated {
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}


@media only screen and ( min-width: 981px ) {
        .video-frame {
                background-position: center 58px;
                background-size: 888px 466px;
                height: 466px;
        }
}

/*——————-[960px]——————*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
        .video-frame {
                background-position: center 60px;
                background-size: 788px 413px;
                height: 466px;
        }
}

/*——————-[768px]——————*/
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
        .video-frame {
                background-position: center 79px;
                background-size: 1206px 633px;
                height: 712px;
        }      
}

/*——————-[480px]——————*/
@media only screen and ( max-width: 767px ) {
        .video-frame {
                background-position: center 92px;
                background-size: 700px 367px;
                height: 406px;
        }
}

/*——————-[320px]——————*/
@media only screen and ( max-width: 479px ) {
        .video-frame {
                background-position: center 98px;
                background-size: 490px 257px;
                height: 304px;
        }
}