﻿/*** Grid ***/
.cols4 { padding:0; }
.cols4 .assetitem { padding:4px 0 0 0; margin:0;}
.link-grid .assetitem .inner { position:relative;  }
.link-grid .assetitem .inner .home-link {display:block; opacity:0; position:absolute; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255,0.5); width:100%; height:100%; top:0; left:0; -webkit-transition:all 0.7s ease-out; transition:all 0.7s ease-out; text-align:center; line-height:100%; }
.link-grid .assetitem .inner:hover .home-link {opacity:1}
.link-grid .assetitem .inner .home-link h3 { font-size:40px; color:#000; font-weight:bold; font-style:italic; text-transform:uppercase; line-height:40px; padding:60px 0 0 0;}
@media (min-width: 420px)
    {
        .cols4 .assetitem { padding:2px;}
        .cols4 .col1 { padding-left:0; }
        .cols4 .col2 { padding-right:0; }
        .cols4 .col3 { padding-left:0; }
        .cols4 .col4 { padding-right:0; }
        .link-grid .assetitem { width:50%; float:left; }
    } 
@media (min-width: 960px)
    {
        .link-grid .assetitem { width:25%; float:left; }
        .cols4 .assetitem { padding:2px;}
        .cols4 .col1 { padding-left:0; }
        .cols4 .col4 { padding-right:0; }
    }
/*** CONTENT ASSETS ***/
    .txtimg .inner .slogan { width:90%; float:left;  }
    .txtimg .inner .slogan h1 {font-size:20px;  color:#FFF; text-align:right; font-style:italic;}
    .txtimg .inner .slogan h1 span {display:inline-block; width:100%; text-shadow: 0px 0px 4px rgba(0,0,0,0.3);}
    .txtimg .inner .slogan img {max-width:40%; display:inline-block;}
    .book-banner {display:block; min-height:300px; background-image:url(/Images/custom/book.jpg); background-size:cover; background-attachment:fixed; background-position:-300px left;}
	.txtimg .inner h1 { padding:10px;  }
	.txtimg .inner h2 { padding:10px; }
	.txtimg .inner h3 { padding:10px; }
    
    @media (min-width: 420px)
    {
        .txtimg .inner .slogan { width:50%; }
        .txtimg .inner .slogan h1 {font-size:16px; }
        .txtimg .inner .slogan img {max-width:50%; display:inline-block;}
        .txtimg .inner img  { width:60%; }
		.imgtxt .inner img  { width:50%; }
		.txtimg .inner h1 { padding-top:40px; padding-left:40px; font-size:36px; }
		.txtimg .inner h2 { padding-left:40px; font-size:26px; }
		.txtimg .inner h3 { padding-left:40px; font-size:22px; }
		.image.cols2 .image img { width:100%; }
		
    }    
    @media (min-width: 960px)
    {
        .txtimg .inner .slogan { padding:20px 0 0 0;  }
        .txtimg .inner .slogan h1 {font-size:30px; }
        .txtimg .inner .slogan img {max-width:80%; display:inline-block;}
        .txtimg .inner img { max-width:60%; }
		.imgtxt .inner .slogan { padding:20px 0 0 0;  }
        .imgtxt .inner .slogan h1 {font-size:30px; }
        .imgtxt .inner .slogan img {max-width:80%; display:inline-block;}
        .imgtxt .inner img { max-width:50%; }
    }
    @media (min-width: 1100px)
    {
        .txtimg .inner .slogan {  }
        .txtimg .inner .slogan h1 {font-size:50px; }
        .txtimg .inner .slogan img {max-width:100%;}
    }
    
    