.clear {clear:both; }

body, html {height:100%;margin:0;}

body {
margin: 0;
padding:0;
overflow-y:scroll;
background-color:#fff;}

 
/*FONTS*/
#container a {
font-weight:bold;
color: #2B224E;;
text-decoration:none;
 }
#container a:hover {text-decoration:underline; }
em {font-style:italic;}
strong, b {font-weight:bold; }

#content p {margin: 0 0 20px; }

#content p:last-child { margin: 0 !important; }

div.no-margin p {margin: 0!important; }

a.mega-menu-link {font-family: "Carrois Gothic", Sans-serif !important              ; }

/*Exras Blog Page */

section.blog {
background-image:url('/wp-content/themes/blankslate-child/images/full-bloom.jpg');
background-repeat:repeat;
background-attachment:fixed;
padding: 40px 0; }

/* The grid */
#blog-layout {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 30px;
box-sizing:border-box; 
max-width: 900px;
margin: 0px auto 0px;
padding: 0;}
 
/*Each box (article) */
#blog-layout div.box {
display: grid;
grid-template-columns: 1fr 1fr;
overflow:hidden;
padding: 10px;
margin: 0;
background-color:#fff;
box-sizing: border-box;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);}

/* The picture */
#blog-layout div.box-image {
width: 100%;
height: 100%;
min-height: 300px;
border:none;
border-radius: 5px;
background-size: cover;
background-position:center center;
transition: all 1s;}

/*The text */
#blog-layout div.box-content {
padding: 20px;
box-sizing:border-box;
width:100%;}

#blog-layout div.box-content h2 {
font-family:oswald;
color:#35296B;
font-size: 130%;
font-weight:normal;
text-transform:uppercase;
line-height: 135%;
margin: 0 0 10px;}

#blog-layout div.box-content h2 a {color:#35296B;text-decoration:none;}

#blog-layout div.box-content p {
font-size:95%;
line-height:1.4;
font-weight:normal;
margin: 15px 0; }

#blog-layout div.box-content p.readmore {margin: 0; }
#blog-layout div.box-content p.readmore a {
text-transform:uppercase;
color:#35296B;
font-weight:bold; }

#nav-links {
text-align:center;
padding: 40px 0 0px; }
 
#nav-links a {
text-transform:uppercase;
color:#35296B;
font-weight:bold;
margin: 0 20px; }