/*
Theme Name: required+ CMHC
Theme URI: http://themes.required.ch/
Author: required+ Team
Author URI: http://required.ch/
Description: Starter child theme for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.4
Template: required-foundation
Text Domain: requiredcmhc
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, span { font-family: 'Roboto', sans-serif; font-weight: 300; font-size:20px; }

#site-title { font-weight: 600; }

body {
background: #efefef;
color:#444444;
}
p {
padding-bottom: 10px;
}
strong {
font-weight: 400;
}
h1, .tribe-common h1, h1.tribe-events-single-event-title {
font-size: 3.3em;
padding-bottom: 20px;
margin-bottom: 40px;
border-bottom: 1px solid #dddddd;
}
h2, .tribe-common h2 {
font-weight:500;
font-size:2em;
padding-bottom: 0px;
}
h3, .tribe-common h3 {
font-weight:500;
font-size:1.5em;
padding-top: 20px;
padding-bottom: 15px;
color:#666666;
}
.textwidget h3 {
color:#fff;
font-size: 2em;
padding-top:10px;
}
h4, .tribe-common h4 {
font-weight:500;
}
h5, .tribe-common h5 {
font-weight:500;
font-size:2em;
padding-bottom: 0px;
}
h6, .tribe-common h6 {
font-weight:500;
font-size:1.5em;
padding-bottom: 15px;
color:#666666;
}
ul, ol {
padding-bottom: 10px;
}
a, a:active, .tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:visited {
	color: #496898;
	font-weight: 500;
}

a:hover, .tribe-common a:hover {
	color: #334aff;
}

aside p {
padding-bottom:0px;
color:#fff;
font-size:1.3em;
font-style:normal;
}

.required-header .inline-list {
	margin-top: 14px;
}
.row {
width: 1250px;
padding: 60px 20px 60px 20px;
}
.search .row {
padding:0px;
}
.header-area .row {
padding:0px 60px;
}
.header-area .row .row {
padding:15px 0px;
}
.header-area {
background:#A99F4E;
	border-bottom: 3px solid #fff;
}
#supplementary.row {
padding:50px 40px 0px 40px;
}
#supplementary .columns {
padding:0px 30px;
}
hgroup {
font-size: 2.8em;
font-weight:600;
}
hgroup span {
display:block;
font-size: 0.9em;
line-height:1.2em;
}

span.mb-bhi-oc-text{
font-size:1em;
float:right;
padding-top: 20px;
color:#dddddd;
}
span.mb-bhi-display strong {
color:#ffea00;
}
table tr.mbhi-is-current td{
   font-weight:bold;
}
.top-bar {
margin: 0px;
z-index:1000;
}
#mega-menu-wrap-primary {
margin: 10px 0px!important;
}
span .mega-toggle-label-closed, span.mega-toggle-label-open {
color:#ffffff;
font-weight:400;
}
.metaslider .flexslider {
margin:0px!important;
}
.metaslider .flex-direction-nav .flex-prev {
    opacity: 1; 
    left: 5px;
}
.metaslider .flex-direction-nav .flex-next {
    opacity: 1; 
    right: 5px;
}
.main-area {
background:#f9f9f9;
}
.main-area .row {
padding: 60px;
}
.post-box .row {
padding: 0px;
}
body.home .main-area .row {
padding: 30px 60px 60px 60px;
}
.preview-container {
  position: relative;
  width: 100%;
}

.preview-image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 80px;
  transition: .5s ease;
}

.preview-container:hover .overlay {
  height: 100%;
}

.preview-text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.preview-container .content {
    position: absolute; /* Position the background text */
    bottom: 0; /* At the bottom. Use top:0 to append it to the top */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1; /* Grey text */
    width: 100%; /* Full width */
    padding: 0px 30px 30px 30px; /* Some padding */
}
.post-thumbnail {
float:left;
margin-right:30px;
}
.story-preview .entry-meta {
clear:none;
}
.blog .entry-meta {
	float:left;
}
.entry-meta {
padding: 6px;
border: 1px solid #dddddd;
margin-bottom: 15px;
}
.entry-meta span{
font-size:1em;
font-weight:400;
}
.page-back {
float:left;
display:block;
clear:both;
}
span.author.vcard {
font-size:1em;
}
.alignright {
    float: right;
    margin: 5px 0 5px 15px;
}
.blog article.post {
	float:left;
}
article.post{
    margin: 15px 0px 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
}
.newsletter-area {  
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('https://www.crewkernemuseum.co.uk/wp-content/themes/required-cmhc/images/newsletter-area_bg.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover; 
}
.bg-image {
    position: relative;
}
.bg-image img {
    display: block;
    width: 100%;
    max-width: 1200px; /* corresponds to max height of 450px */
    margin: 0 auto;
}
.newsletter-area h2 {
color:#fff;
font-size:4em;
margin-bottom:10px;
padding-bottom: 0px;
}
.newsletter-area h3 {
font-size:2.3em;
color:#fff;
font-weight:300;
}
.footer-area {
background: #efefef;
border-top: 1px solid #dddddd;
}
.footer-area a {
	font-weight: 300;
}
.footer-area .row {
padding: 20px;
}
.footer-area form .row {
padding: 0px;
}
#footer {
padding: 60px 20px 0px 20px;
}
#footer ul {
list-style-type:none;
}

.page-image {
position:relative;
}
.page-image img { 
height: 400px;
}
.page-image img[class] { 
width: 100%;
}
h1.full-width {
text-align: center!important;
}
.object-fit_cover { 
object-fit: cover 
}

.image_overlay {
      position: absolute;
      top: 0;
      left: 0;
      clear: float;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
      color: #ffffff;
}
.title_overlay {
position: absolute; 
top: 30%; 
left: 0%; 
/*transform: translate(-50%, -50%); */
color: white; 
text-align: center;
color: #fff; 
display: inline;
padding: 20px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height:1em;
text-transform: uppercase;
width:100%;
}

.entry-content .alignwide {
        margin-left  : -80px;
        margin-right : -80px;
    }
    .entry-content .alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    .alignfull img {
        width: 100vw;
    }
	
blockquote {
		border-left:0px;
	padding:0px;
}
blockquote p {
    line-height: 1.8;
    color: #444;
	font-size: 1.5em;
	font-family: 'Libre Baskerville', serif;
}

@media only screen and (max-width: 768px) {

.newsletter-area h2 {
font-weight:500;
}
p {
padding-bottom: 5px;
}
	.main-area .row,#footer{
	padding: 20px 20px;
	}
	body.home .main-area .row {
	padding: 0px 20px 40px;
	}
	#supplementary.row {
padding:40px 20px 0px 20px;
}
#supplementary.row .panel {
margin: 0px 0px 40px 0px;
}
	#supplementary .columns {
	padding:0px 20px;
}
.header-area .row {
padding:0px 20px;
}
hgroup {
font-size: 1.2em;
font-weight:600;
text-align:center;
}
hgroup span {
display:block;
font-size: 1.4em;
text-align:center;
}
span.mb-bhi-display{
text-align:center;
padding:10px 0px 10px 15px;
float:left;
font-size: 1.1em;
}
}


@media only screen and (min-width: 320px) and (max-width: 940px){ 

}