/*
Theme Name: Extra Child
Theme URI: http://mpcoders.org.uk
Version: 1.0.0
Description: Extra Child Theme
Author: Stuart Wright
Author URI: http://mpcoders.org.uk
Template: Extra
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* SWC NOTE: This child theme is optimised for 1024 desktop displays and smaller mobile displays, responsive layouts for larger screens are
 constrained. */

/* Extra-Child Styles - with Parent Style overrides */
/* ----------------------------------------------------------- */

/* Prevent background jumping when ET gallery lightbox or popupmaker popup shows */
/* Ref: http://stackoverflow.com/questions/29704947/background-moving-with-overflow-hidden */
html{
  margin-right: 0 !important;
  overflow: auto !important;
}

/* Padding overrides */
#main-content{
  padding-top:24px !important;
}

/* Container overrides*/
.container {
  max-width: 1200px;
}

/* margin overrides */
.et_pb_row{
  margin-left: 10px;
  margin-right: 10px;
}

html { overflow-y: scroll; } /* Force vertical scroll bar */

/* Menus */
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
  padding: 15px 0 0 !important;
  line-height: 1.7em;
  height: 45px !important;
}

/* Hyperlink text */
p > a {
  color:#00a8ff !important;
  text-decoration:underline !important;
}

/* HW Image Widget Plugin styling */
.hwim-image{
  padding:10px;
}

/* Logo */
.logo {
/* fix left align problem in IE */
-ms-flex-order: 0;
order:0;
/* END-fix left align problem in IE */
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
color: rgb(158, 184, 212);
font-size: 55px !important;
font-weight: bold;
letter-spacing: -5px;
line-height: 55px;
text-align: left;
text-shadow: 2px 2px 8px #000;
width:250px !important;
height: 55px !important;
margin: 10px !important;
margin-left:0px !important;
}

.logo .logotext .logoimage{
float:left;
vertical-align:middle;
}

.logo img{
height:55px;
float:left;
margin-right:10px;
}
a.logo:visited{
color: #FFF;
}

.textlogo{
width: 512px;
}

.superscript{
font-size: 0.4em;
font-weight: lighter;
vertical-align: top;
/*text-shadow:none;*/
padding-left: 3px;
}

.post-date{
color:#969696;
}

.sw-lightgrey, .sw-footertext{
color: rgba(255, 255, 255, 0.6);
}

.sw-smalltext, .sw-footertext{
font-family: 'Ubuntu', sans-serif;
font-weight: normal;
font-size:12px;
}

/* 1024px Breakpoint (Desktop) */
@media only screen and (max-width: 980px) {

.logo {
  font-size: 42px !important;
  letter-spacing: -4px;
  line-height: 42px;
}

.logo img{
height:42px;
float:left;
margin-right:4px;
}

.logo .logotext .logoimage{
  float:left;
  vertical-align:middle;
}
}

/* 340px Breakpoint (Mobile) */
@media only screen and (max-width: 340px) {

.logo {
  font-size: 30px !important;
  letter-spacing: -3px;
  line-height: 30px;
}

.logo img{
height:30px;
float:left;
margin-right:3px;
}

.logo .logotext .logoimage{
  float:left;
  vertical-align:middle;
}
}

.page .post-wrap {
  padding: 30px 45px;
}

/* Footer Styles */

#footer-info-container { float:left; }

#footer-nav { float:right; padding-top: 2px; }


/* Nav overrides */
/* Don't want mobile menu on 1024px wide desktop screen */
/*
@media only screen and (max-width: 1023px) {
#et-navigation > ul {
  display: flex !important;
}
#et-mobile-navigation {
  display: none !important;
}
}
*/
/*
@media only screen and (max-width: 1023px) {
  #et-navigation > ul {
    display: block;
  }
  #et-mobile-navigation {
    display: none;
  }
}
*/
/* Corrections for mobile styling not shown on 1024 desktop screen due to media query change to 1023
max width in root theme style.css */
@media only screen and (max-width: 1024px){
  .et_pb_gallery_item{
    margin-right: 3% !important;
    margin-bottom: 3% !important;
  }

  .et_pb_gallery_pagination{
    width: 95% !important;
  }

  .post-61 .et_pb_section_1{
    margin-left: 26px !important;
  }
}

/* nav-menu2 overrides */

#nav_menu-2 .widgettitle{
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  border-top-width: 3px;
  height: 43px;
  line-height:40px;
}

/* Change widget title colors */
.et_pb_extra_column_sidebar.et_pb_widget.widgettitle, .widgettitle {
  background: #23282d !important;
}



.et_pb_extra_column_main article, .et_pb_extra_column_sidebar .et_pb_widget .widgettitle{
  border-top-width: 3px;
  border-top-style: solid;
  border-color: #ffaa4f;
}

.et_pb_extra_column_main article, .column article, .et_pb_extra_column_sidebar .et_pb_widget{
 /* background-image: url(http://mpcoders.org.uk/wp-content/uploads/2016/11/paper.png) !important;*/
	/* opacity:0.93;*/
	background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.post-wrap, .et_pb_section{
  background-color: transparent;
}

/* Fix footer to bottom of page even with short content */
/* Ref http://sundari-webdesign.com/divi-sticky-but-not-fixed-footer/ */
/* Note: there is a minor issue with the wpamdinbar when present resulting in the footer being pushed down by 32px and a
vertical scrollbar appearing.*/
html, body {height: 100%}
#page-container {position: relative; min-height:100%; height: auto !important; height: 100%; padding-bottom: 115px;}
#footer {position: absolute; bottom: 0; width: 100%; height:115px;}


/* Section Overrides */
.et_pb_fullwidth_header_container.left{
  width: 100%;
  padding-left: 30px;
}

.et_pb_section.et_section_specialty{
  padding-top:0px;
}


/* Divi Slider override for 1024 desktop displays - applied to all screens */
/* Ref: https://divibooster.com/changing-the-height-of-the-divi-slider/ */

/* Set the slider height */
.et_pb_slider, .et_pb_slider .et_pb_container {
  height: 510px !important;
}
.et_pb_slider, .et_pb_slider .et_pb_slide {
  max-height: 510px;
}
.et_pb_slider .et_pb_slide_description {
  position: relative;
  top: 25%;
  padding-top: 0 !important;
  padding-bottom:0 !important;
  height:auto !important;
}

.et-pb-controllers{
  top: 495px;
  bottom: 0px;
}

/* Sidebar width override */
/*@media only screen and ( min-width: 1023px ) {*/

  /* 25% > 20% */
  .et_pb_extra_column_sidebar, .et_extra_layout .et_pb_column_sidebar {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 20%;
    max-width: 20%;
    min-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding: 0 0 0 12px;
  }
 /*75% > 80% */
  .with_sidebar .et_pb_extra_column_main, .with_sidebar .et_extra_layout .et_pb_column_main {
    width: 80%;
    max-width: 80%;
    min-width: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    padding: 0 12px 0 0;
  }

  .with_sidebar.with_sidebar_left  .et_pb_extra_column_main{
    padding-left:12px;
    padding-right: 0px;
  }

  .with_sidebar.with_sidebar_right  .et_pb_extra_column_main{
    padding-left:0px;
    padding-right: 12px;
  }

  /* Resulting layout adjustments needed */

  .widgettitle{
    padding: 15px !important;
  }

  .et_pb_widget li{
    padding: 15px !important;
  }

  .et_pb_widget .widget_list_portrait, .et_pb_widget .widget_list_thumbnail {
    display: inline-block;
    background: #00a8ff;
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    vertical-align: top;
    overflow: hidden;
  }
/*}*/



/* Plugin overides */

/* Popup Maker */
.popmake-title{
  padding-bottom:10px;
}

.pm-table th, td{
    padding:5px;
    text-align:left;
}

.pm-coder-imglink{
  border: 1px solid lightgray;
}


/* font-awesome overrides */

.fa-star, .fa-star-half-o{
  color:gold;
}

.fa-star-o{
  color:lightgray;
}