/*
Theme Name: Mara Einstein
Description: Custom Theme for maraeinstein.com
Author: 3 Crown Creative
Author URI: http://3crowncreative.com
Version: 1.1
*/



/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
	{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
*,*:before,*:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}


body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after 
   {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption,
th, td {font-weight: normal;text-align: left;}
a:hover,a:active,a:focus {outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;}
del {color: #333;}
ins {background: #fff9c0;text-decoration: none;}
hr {background-color: #EBCEA6;border: 0;height: 1px;margin:0; clear:both; display:block}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: smaller;}
img {border: 0;-ms-interpolation-mode: bicubic;}
html,button,input,select,textarea {font-family: 'Work Sans', sans-serif; }
em,i {font-style:italic; }
strong,b {font-weight:600}
em strong, strong em {font-style:italic; font-weight:700}
a img {text-decoration:none}

/* Clearing floats */
.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after  {
	clear: both;
}



.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*  common classes  */
.smallCaps {text-transform:capitalize; font-variant:small-caps}
.left {float:left}
.right {float:right}
span.required {background:url(images/formRequired.gif) no-repeat right 4px; width:15px; height:15px; display: inline-block; text-indent:-2000px}
.mobileOnly {display:block}

/*  site specific */
.turquoise { color:#45b7cd; color:#038ba4}
.yellow {color:#f9dc55}
.entry-content a.white-button {font-size:14px;color:#0d7a9a; font-weight:500; background-color:#fff; padding:5px 20px;box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333; text-decoration:none}
.entry-content a.white-button:hover {background-color:#9a9a9a;}
.entry-content a.yellowLinkFancy {font-size:20px; font-weight:600;font-family: Georgia, "Times New Roman", Times, serif;color:#f9dc55}
.entry-content h1.noBottomMargin { margin-bottom:0}





/* =Form fields, general styles first 
-------------------------------------------------------------- */
button, input,textarea {border: 1px solid #ccc;font-family: inherit;padding:6px 6px 5px 6px; width:70%}
button, input {line-height: normal;}
textarea {font-size: 100%;overflow: auto;vertical-align: top;}
.entry-content form p { font-size:14px; color:#6f7e77;}
input, textarea { background:#fff;  border:1px solid #c5cbb7;font-size:12px; font-size:0.857143rem}
input[type="radio"] {width:auto}

input { padding:7px 6px;}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] 
    {border: 0;border-radius: 0;padding: 0;}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"]
   {padding: 6px 10px;padding: 0.42857rem 0.714285714rem;font-size: 14px;font-size: 1rem;line-height: 1.428571429;font-weight: 400; background:#b3b3b3; color:#000;  border: none;}
input[type="submit"] {width:150px}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] 
    {cursor: pointer;}
button[disabled],
input[disabled] 
    {cursor: default;}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover
    {background-color:#606060; color:#fff;}

input[type="reset"] {background:none; border: none;-moz-border-radius: 0;-webkit-border-radius:0;border-radius:0;-khtml-border-radius:0; text-decoration:underline; padding:0; text-align:left}
input[type="reset"]:hover {color:#91011c}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {font-size:12px;color: rgba(51, 51, 51, 0.5);font-family: Arial, Helvetica, sans-serif}
:-moz-placeholder {font-size:12px;color: rgba(51, 51, 51, 0.5);font-family: Arial, Helvetica, sans-serif}
::-moz-placeholder { font-size:12px;color: rgba(51, 51, 51, 0.5);font-family: Arial, Helvetica, sans-serif;opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */}
:-ms-input-placeholder {font-size:12px;color: rgba(51, 51, 51, 0.5);font-family: Arial, Helvetica, sans-serif}



/* =I M A G E S
-------------------------------------------------------------- */

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img 
    {max-width: 100%; }
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"]
    {height: auto;}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image 
     {max-width: 100%;height: auto;}

/* Make sure videos and embeds fit their containers */
embed,iframe,object,video {max-width: 100%;}

/* Image alignment and decor */
.aligncenter, .alignright, .alignleft {display: block;margin-left: auto;margin-right: auto;}
.entry-content img.noshadow {box-shadow:0 0 0;-moz-box-shadow:0 0 0;-webkit-box-shadow:0 0 0;}
.entry-content img.noborder {border:none}
.entry-content img.shadow {box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333;}

/* galleries */
.wp-caption {max-width: 100%;padding: 4px;}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption 
   {font-size: 12px;line-height: 1.2;color: #000;}
.entry-content p.wp-caption-text { margin:1rem 0}

.entry-content dl.gallery-item {margin: 0;float: left;margin-top: 10px;text-align: center; display:table}
div.gallery-columns-3 dl.gallery-item {width: 33%;}
.entry-content dl.gallery-item .gallery-caption {margin-left: 0; height:40px;} 

.gallery-item a,
.gallery-caption 
     {width: 90%;}
	 
.gallery-item a {display: block;}
.gallery-caption a {display: inline;}
.gallery-columns-1 .gallery-item a {max-width: 100%;width: auto;}
.gallery .gallery-icon img {height: auto;max-width: 90%;padding: 5%;}
.gallery-icon img { margin:2%}

div.gallery {margin-bottom:20px}



/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */

html {font-size: 87.5%; background:#fff;overflow-x: hidden;overflow-y: scroll;max-width: 100%;}
body 
     {font-size: 15px;font-family: 'Work Sans', sans-serif;font-weight:400; 
	  text-rendering: optimizeLegibility;color: #020000; letter-spacing:.04em; letter-spacing:0.04524rem;background:#fff;
	  -webkit-text-size-adjust: none }
body[data-smooth-scrolling="0"] {overflow: hidden;}
body:after {content: 'one';display: none;}
#page{transition: none!important;-moz-transition: none!important;-webkit-transition: none!important;-o-transition: none!important;}

a {outline: none;}
p, ul, ol, dd {margin-bottom:10.5px; margin-bottom:0.75rem;}

/* Assistive text */
.assistive-text,
.site-content .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.primary-navigation .assistive-text:hover,
.primary-navigation .assistive-text:active,
.primary-navigation .assistive-text:focus {
	background: #fff;border: 2px solid #333;border-radius: 3px;clip: auto !important;color: #000;display: block;font-size: 12px;padding: 12px;position: absolute;top: 5px;left: 5px;z-index: 100000; /* Above WP toolbar */}



/* Page structure */
#main { padding:0 20px; }
#site-footer {width:inherit; }
.site-content { padding:0}


/* Header */
div#branding h1  { background:#e9e9e9; padding:30px 15px}
div#branding h1 a { display:block; text-indent:-2000px;width:295px; height:90px; background:url(images/logo-mara-einstein-mobile.png) no-repeat; margin:0; background-size:295px 90px}
div.social-follow {width:100%; margin:0; height:72px; background:#fff; padding:24px 0 0 15px}
div.social-follow span {float:left; text-align:left; padding-right:30px}
div.social-follow span:last-child  {padding-right:0}
div.social-follow span a { text-indent:-10000px; background:url(images/social-icons.png) no-repeat; height:24px; width:23px; display:block;}
div.social-follow span.facebook a {background-position:0 0;}
div.social-follow span.facebook a:hover {background-position:0 -24px;}
div.social-follow span.twitter a {background-position:-41px 0; width:27px}
div.social-follow span.twitter a:hover {background-position:-41px -24px;}
div.social-follow span.linkedin a {background-position:-83px 0; width:24px}
div.social-follow span.linkedin a:hover {background-position:-83px -24px;}
div.social-follow span.email a {background-position:-126px 0; width:31px;}
div.social-follow span.email a:hover {background-position:-126px -24px;}


/* footer  */
.footer-content {color:#fff; font-weight:400; padding:10px}
.footer-content a { text-decoration:none; color:#fff}
.footer-content a:hover {color:#d7d5d6; }
#site-footer h1 a { display:block; text-indent:-2000px;width:257px; height:78px; background:url(images/logo-footer-mara-einstein.png) no-repeat; margin:0; background-size:256px 78px}
#site-footer p.credit { font-size:12px;}
#site-footer p.copy { font-size:12px;}
#site-footer p.contact { line-height:1.4; font-size:14px}
#site-footer {background:#989898}

#site-footer div.social-follow {  height:auto; background:none; padding:24px 0 }
#site-footer div.social-follow span { padding-right:25px}
#site-footer div.social-follow span a { background:url(images/footer-social-icons.png) no-repeat; height:22px;}
#site-footer div.social-follow span.facebook a {background-position:0 0; width:21px;}
#site-footer div.social-follow span.facebook a:hover {background-position:0 -22px;}
#site-footer div.social-follow span.twitter a {background-position:-46px 0; width:25px}
#site-footer div.social-follow span.twitter a:hover {background-position:-46px -22px;}
#site-footer div.social-follow span.linkedin a {background-position:-95px 0; width:23px}
#site-footer div.social-follow span.linkedin a:hover {background-position:-95px -22px;}
#site-footer div.social-follow span.email a {background-position:-145px 0; width:28px;}
#site-footer div.social-follow span.email a:hover {background-position:-145px -22px;}


#site-footer section:first-child h1 {display:block}
#site-footer section:last-child h1 {display:none}
#site-footer section:first-child p.credit {display:none}
body.home #site-footer section:first-child p.credit {display:block}


/* Navigation Menu */
#header-navigation {clear:both}
.primary-navigation {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size: 14px; position:relative; margin-top:20px;}
.primary-navigation.toggled-on {background:#45b7cd}
.primary-navigation .nav-menu {border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: none;}
.primary-navigation.toggled-on .nav-menu {display: block;}

.primary-navigation ul {list-style: none;margin: 0;}
.primary-navigation li {border-top: 1px solid rgba(255, 255, 255, 0.2); }
.primary-navigation li a {color: #fff; line-height:1.5;display: block; text-decoration:none;text-transform: uppercase;padding: 7px; font-weight:700 }
.primary-navigation li a:hover {color: #000;}

.primary-navigationn .current_page_item > a,
.primary-navigation .current_page_ancestor > a,
.primary-navigation .current-menu-item > a,
.primary-navigation .current-menu-ancestor > a {
	color: #000;
}



/* Navigation Menu Button */
.menu-toggle {background-color: #000;border-radius: 0; border:none; cursor: pointer;height: 72px;margin: 0 auto;overflow: hidden;padding: 0;text-align: center;width: 72px; position:absolute; right:0; top:-242px}
.menu-toggle:before {color: #fff;content: "\f419";padding: 30px;-webkit-font-smoothing: antialiased;display: inline-block;font: normal 13px/1 Genericons;text-decoration: inherit;vertical-align: text-bottom;}
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover 
   {background-color: #45b7cd;}
.menu-toggle:focus {outline: 1px dotted;}

nav.toggled-on  .menu-toggle  {background-color: #45b7cd;}


/* =Main content
-------------------------------------------------------------- */
.entry-content {line-height: 1.6;padding:35px 15px}
.entry-content strong,
.entry-content b { font-weight:700}

.entry-content a.pdf {background: url(images/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; }

.entry-content a {text-decoration: none; color:#038ba4;}
.entry-content a:hover {color:#000}
.entry-content a img:hover {-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 
     {margin: 24px 0;margin: 1.71429rem 0;line-height: 1.71429;}

h1.page-title { line-height: 1.1;font-weight: 400; margin:0;font-size: 40px;color:#038ba4; text-transform:uppercase }

.entry-content h1 {line-height: 1.4;font-weight: 600;font-size: 28px;color:#000; font-family: Georgia, "Times New Roman", Times, serif; margin-top:0 }  /*  defined */
.entry-content h2 {font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif;line-height: 1.5; font-weight:500; color:#646363}
.entry-content h3 {font-size: 21px; line-height: 1.3; font-weight:500; margin:0}   /*  defined */
.entry-content h4 {font-size: 16px; line-height: 1.3;font-weight:400;;color:#000}
.entry-content h5 {font-size: 14px; color:#000;line-height: 1.3; margin:0 } /*  defined */
.entry-content h6 {font-size: 14px;color:#000;line-height: 1.3;}   /*  defined */
 
.entry-content p,
.entry-content li,
.entry-summary p
    {margin: 0 0 14px;margin: 0 0 1rem;font-size: 15px;}



.entry-content ol,
.entry-content ul {
	margin: 0 0 14px 20px;
	margin: 0 0 1rem 1.42857143rem;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 0;
}
.entry-content ul {margin-left:17px; margin-left:1.21429rem; list-style-image:url(images/bullet.png);}
.entry-content ol {list-style: decimal outside;}
.entry-content li {margin: 0 0 7px 0; }
.entry-content blockquote {margin: 24px ;margin: 1.71429rem;}
.entry-content blockquote p,
.entry-content blockquote li
 {   font-style:italic}
.entry-content blockquote p:last-child {margin-bottom: 0;}

.entry-content ul.galleryLinks {margin-left:0; list-style: none}
.entry-content ul.galleryLinks li { list-style:none; float:left; margin:10px;}
.entry-content ul.galleryLinks li span {display:block; text-align:center}


.entry-content blockquote p:last-child {margin-bottom: 0;}
.entry-content code {font-family: Consolas, Monaco, Lucida Console, monospace;font-size: 12px;font-size: 0.85714rem;line-height: 2;}
.entry-content pre {
	border: 1px solid #ededed;color: #666;font-family: Consolas, Monaco, Lucida Console, monospace;font-size: 12px;font-size: 0.85714rem;
	line-height: 1.714285714;margin: 24px 0;margin: 1.714285714rem 0;overflow: auto;padding: 24px;padding: 1.714285714rem;}
.entry-content pre code {display: block;}

img.aligncenter {margin: 12px 0;margin: 0.85714rem 0;}
img.alignleft,
img.alignright {
	margin: 0 24px 12px 0;
	margin: 0 1.714285714rem 0.85714rem 0;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: -14px;
	margin-bottom:0
}
.entry-content dl {margin: 0 24px;margin: 0 1.714285714rem;}
.entry-content dt {font-weight: bold;line-height: 1.714285714;}
.entry-content dd {line-height: 1.714285714;margin-bottom: 24px;margin-bottom: 1.714285714rem;}
.entry-content table {border-bottom: 1px solid #ededed;color: #000;font-size: 14px;font-size: 1rem;line-height: 2;margin: 0 0 24px;margin: 0 0 1.714285714rem;width: 100%;}
.entry-content table caption {font-size: 16px;font-size: 1.142857143rem;margin: 24px 0;margin: 1.714285714rem 0;}
.entry-content td {border: 1px solid #ededed;padding: 6px 10px; vertical-align:top; font-size:16px; font-size:1.14285714286rem}


/* =P A G E   S P E C I F I C 
-------------------------------------------------------------- */

/*  book  archive page */
ul.books-list {list-style:none; margin-top:50px}
ul.books-list li { background:#fff; margin-bottom:50px;padding:25px 30px;}
ul.books-list li div img.wp-post-image {max-width:100%; height:auto;}
ul.books-list li p.read-more a {color:#038ba4; text-transform:uppercase; font-size:14px; font-weight:600}

/*  book single page */
.book-content {margin-top:56px;}
.book-content p.back { font-size:14px; font-weight:400; margin:0 0 14px 0 ;}
.book-information .book-text {padding:5px 1px 5px 0 }
ul.book-nav  {list-style:none; margin:0}
ul.book-nav li {list-style:none; display:inline-block;margin:0 15px 16px 0;   }
ul.book-nav li:last-child { margin-right:0 }
ul.book-nav li a { display:block;color:#686666; background:#fff; font-size:16px; text-transform:uppercase; text-decoration:none;padding:0 10px;height:35px; line-height:35px; text-align:center }
ul.book-nav li a:hover,
ul.book-nav li a.active
 {color:#fff; background:#45b7cd}



/*  blog 
----------------------------------------------*/
body.two-columns #main {padding:30px 0 }
body.two-columns #primary {padding-bottom:30px }
body.two-columns #secondary {padding:0 10px 35px 10px}

body.two-columns #main .site-content {background:#fff;}
header.archive-header {margin:35px 23px 0 58px;}
header.archive-header h1.archive-title  {font-size:22px; margin-bottom:25px;color:#686a6a;font-family: Georgia, "Times New Roman", Times, serif; font-weight:500;  }


.entry-header h1.entry-title  {font-size:18px; margin-bottom:25px;color:#038ba4;font-family: Georgia, "Times New Roman", Times, serif; font-weight:500; text-transform:uppercase }
.entry-header h1.entry-title a  {color: #038ba4;text-decoration: none; }
.entry-header h1.entry-title a:hover {color:#000}
.post-thumbnail img.wp-post-image {margin-bottom:25px}
a.read-more { text-decoration:none; text-transform:uppercase; color:#038ba4; font-size:13px; font-weight:700}
a.read-more:hover { color: #000}
article.post-excerpt { border-bottom:1px solid #b7b5b5; margin:35px 10px 0 10px; padding-bottom:28px; line-height:1.3; }
article.post-excerpt:last-child { border-bottom: none;  }
div.entry-meta {margin:24px 0}
span.cat-links {font-size:13px; color:#000}
span.cat-links a {font-size:13px; color:#038ba4; text-decoration:none}
span.cat-links a:hover { color: #000}
div.widget-area h2.rounded {color:#686a6a; font-size:13px; text-transform:uppercase; margin:35px 0 20px 0;}
div.widget-area div ul { list-style:none; padding-bottom:10px}
div.widget-area div ul li  { margin-bottom:20px}
div.widget-area div ul li a { color: #038ba4;text-decoration: none;font-size:13px;}
div.widget-area div ul li a:hover { color: #000}

body.two-columns .entry-content {  margin:35px 10px 0 10px; padding-bottom:28px;  }
body.two-columns .entry-content .entry-header h1.entry-title  {font-size:25px;}


/*  pagination */
.pagination {font-size:11px;  margin:48px 24px 17px 0;  }
.pagination p {margin-bottom:24px;}
a.page-numbers, .page-numbers {color:#038ba4;text-decoration:none }
a.page-numbers:hover { color:#000}
.pagination .current { color:#000}



/* =P L U G I N S 
-------------------------------------------------------------- */
 
 /* visual composer */
.featuredImageBlock { max-width:100%; width:100%; height:auto}
.entry-content .vc-gitem-zone-height-mode-auto::before {padding-top: 50%;}

.entry-content .home-featured-posts .vc_gitem-post-data h2 {font-size:16px; text-transform:uppercase; color:#038ba4}
.entry-content .home-featured-posts .vc_gitem-post-data-source-post_excerpt p {font-size:14px}
.entry-content .light-text h1,
.entry-content .light-text h2,
.entry-content .light-text h3,
.entry-content .light-text h4,
.entry-content .light-text h5,
.entry-content .light-text h6,
.entry-content .light-text p,
.entry-content .light-text li
 {color:#fff }
.entry-content .top-quote-banner h2 {margin:0}
.entry-content .wpb_single_image.vc_align_right {text-align:left}

/*  contact form 7 */
div.wpcf7-response-output {margin: 2em 0.5em 1em 0;padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok {background:#ffe5b2; color:#000; border:none; }
div.wpcf7-validation-errors {color:#F894A0;font-weight:700;  background:none;  border:none; }
span.wpcf7-not-valid-tip { color:#F894A0;font-weight:700; top:-10px; background:none;border:none;  }
 
/*  mail chimp */
div.newsletter-signup { background:#afafaf; color:#fff; margin:10px 0}
#mc-embedded-subscribe-form .mc-field-group h3 {display:inline}
#mc-embedded-subscribe-form .mc-field-group input { width:auto; margin-left:10px}
#mc-embedded-subscribe-form .mc-field-group input.button { border:none;}

.mc_embed input.button {background-color:#000;display: block;margin: 0 0 10px;min-width: 90px; width: 35%; border:none; color:#fff; font-size:13px; text-align:center;transition: all 0.23s ease-in-out 0s;vertical-align: top; white-space: nowrap;}
.mc_embed input.button:hover {background-color:#45b7cd}
.mc_embed input.email {display: block;font-size: 15px;margin: 0 4% 10px 0;min-height: 32px;min-width: 130px;padding: 0 0.4em;width: 58%;border: 1px solid #999;}
form.mc_embed_footer  { display: block;padding: 20px 0 20px 5%;position: relative;text-align: left;}
.mc_embed label {display: block;font-size: 16px;font-weight: 400;padding-bottom: 10px;}



/* =Media queries
-------------------------------------------------------------- */
/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}


/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
html, body {height:100%;background:#989898}
#page {margin:0; padding:0;min-height:100%;}

/* Header */
header#masthead { padding:0 10px; background:#fff}
div#branding { padding:25px 0 20px 0;}
div#branding h1  { background: none; padding:0}
div#branding h1 a { width:365px; height:111px; background:url(images/logo-mara-einstein.png) no-repeat; background-size:365px 111px}
div.social-follow {margin:10px auto}

nav#primary-navigation {padding:0; margin:0; background:url(images/bkg-nav.jpg) repeat-x; height:34px;}
#main {background:#e9e9e9}






/*  main navigation */
ul.nav-menu {text-indent: 0;list-style: none;line-height: inherit; height: 34px;}
ul.nav-menu li {list-style:none; height:100%}

.primary-navigation .menu-toggle {display: none;padding: 0;}
nav.primary-navigation {margin:0;  padding:0;}

.primary-navigation.toggled-on {border-bottom: 0;margin: 0;padding: 0; z-index:auto}
.primary-navigation  ul.nav-menu {display: block;text-align:left;width:auto;margin: 0 auto; border:none;; padding:0;}
.primary-navigation  ul {text-align:center;}
.primary-navigation  li {letter-spacing:.04em; float:left; display:block; margin:0; position:relative; border:none; border-right:1px solid #8fd4e1}
.primary-navigation  li a  {font-size:17px;font-family: Georgia, "Times New Roman", Times, serif; font-weight:500;  color:#000;white-space: nowrap; text-decoration:none; text-transform: none; padding:0 17px; text-align:center; line-height:34px;}

.primary-navigation  li:hover {background:url(images/bkg-nav-active.jpg) repeat-x; }
.primary-navigation  li a:hover {color:#fff;}
.primary-navigation  li:first-child  {  border-left:1px solid #8fd4e1}
.primary-navigation  li:last-child  { }

.primary-navigation  .current-menu-item,
.primary-navigation  .current-menu-ancestor,
.primary-navigation  .current_page_item,
.primary-navigation  .current_page_ancestor 
	{background:url(images/bkg-nav-active.jpg) repeat-x; }
	
.primary-navigation  .current-menu-item > a,
.primary-navigation  .current-menu-ancestor > a,
.primary-navigation  .current_page_item > a,
.primary-navigation  .current_page_ancestor > a 
	{color:#fff;}





/*  page layout */
div#main {padding: 0; margin:0}
.site-content {width:100%; max-width:100%; margin:0 auto; padding:0;  }

/*  footer */
#site-footer  {margin:0; padding:0;  }
#site-footer .site-content  { margin-bottom:0}
.footer-content {padding:0 10px; text-align:left}
#site-footer section {float:left; padding-top:50px;}
#site-footer section:first-child {float:right; margin-top:22px; padding:13px 0 0 56px; border-left:1px solid #fff;}
body.home #site-footer section:first-child {padding:35px 0 0 82px;}
#site-footer section:first-child h1 {display:none}
#site-footer section:last-child h1 {display:block}


body.home #site-footer p.copy {padding-top:75px;}
#site-footer p.copy {padding-top:26px;}
div.social-follow {float:right; padding-top:25px; margin:0; width:auto; height:auto}
#site-footer div.social-follow {float: none; padding:33px 0 50px 0; height:auto }
#site-footer p.contact { padding-top:35px; margin-bottom:0}
body.home #site-footer p.contact { padding-top:0}
#site-footer p.credit {margin:30px 0 0 0; text-align:right}
body.home #site-footer p.credit {margin-top:0;}

#site-footer section:first-child p.credit {display:block}
#site-footer section:last-child p.credit {display:none}



/* images */
img.alignleft,
figure.alignleft,
div.alignleft
     {margin: 0 24px 12px 0;margin: 0 1.714285714rem 0.85714rem 0;}
img.alignright,
figure.alignright,
div.alignright
    {margin: 0 0 12px 24px;margin: 0 0 0.85714rem 1.714285714rem;}


.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
	


.mobileOnly {display: none}

/*  blog 
----------------------------------------------*/
body.two-columns #primary {float:left; width:75%}
body.two-columns #secondary {float:right; width:25%; padding:0 25px 35px 35px}
body.two-columns #primary #content {border-right:1px solid #0d7a9a}
article.post-excerpt {margin:35px 23px 0 58px;}
article.post-excerpt section.excerpt-content { float:right; width:75%}
article.post-excerpt section.post-thumbnail {width:25%; float:left}
body.two-columns .entry-content {  margin:35px 23px 0 58px;  }

/*  pagination */
a.page-numbers, .page-numbers {padding:1px 5px; border:1px solid #038ba4;}
a.page-numbers:hover {background-color:#038ba4; color:#f5f7f8}
.pagination .current {background-color:#038ba4; color:#f5f7f8}


/*  book  archive page */
ul.books-list li {float:left;width:48%;}
ul.books-list li div {float:left; width:50%}
ul.books-list li div.book-image {float:left}
ul.books-list li div img.wp-post-image {max-width:90%; }
ul.books-list li.last { margin-left:4%}
ul.books-list li.last + li {clear: both;}

/*  book single page */
.book-image-thumb {float:left; width:33%}
.book-information {float:left; width:67%}
ul.book-nav li {margin:0 35px 16px 0; padding:0;width:125px;  }
ul.book-nav li a {padding:0; }
.book-information .book-text {padding:45px 1px 45px 0 }
.book-content { padding:0 0 0 10px}



/* =P L U G I N S 
-------------------------------------------------------------- */
 
/* visual composer */
.entry-content .vc-gitem-zone-height-mode-auto::before {padding-top: 100%;}
.entry-content .wpb_single_image.vc_align_right {text-align:right}
.featuredImageBlock {width:350px; height:190px}
.featuredImageBlock .wpb_single_image .vc_figure {max-width:100%}
.entry-content .home-featured-posts .vc_gitem-zone  {width: auto;}
.vc_grid-item .vc_gitem-zone { padding:20px}

/*  mail chimp */
div.newsletter-signup {width:383px; margin:0}

}

/* Minimum width of 1100 pixels. */
@media screen and (min-width: 1100px) {
header#masthead { padding:0}
header#masthead h1  {float:left}
#content {width:100%}
.site-content {width:1100px; max-width:1100px; margin:0 auto;}
.entry-content {padding:35px 15px}

/*  main navigation */
#navbar  { padding:0}
.primary-navigation  li a  {padding:0 25px; }


.footer-content {padding:0}



/*  book  archive page */
ul.books-list li div img.wp-post-image {max-width:200px; }

/*  book single page */
.book-content { padding:0}

/* =P L U G I N S 
-------------------------------------------------------------- */
 
/* visual composer */
.entry-content .home-featured-posts .vc_gitem-zone, 
.entry-content .home-featured-posts .vc_grid-item-mini
    {width:350px !important;}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* iPad styles go here */


}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}

/* Minimum width of 1000 pixels. */
@media screen and (min-width: 1000px) {
/*  header */





}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	img.header-image,
	.primary-navigation {
		display: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}

}