/*
Theme Name: #ANCHORDOWN Vanderbilt
Theme URI: http://web.vanderbilt.edu/wordpress/
Description: WordPress theme for Vanderbilt University site hosted on WP0. (last updated 03-07-2018 by LP)
Version: 5.01
Author: Vanderbilt University Web Communications
Author URI: http://web.vanderbilt.edu/
*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,700');

/** CaeciliaLtPro **/
@font-face {
    font-family: "Caecilia LT Std";
    src: url('https://vu-www4.s3.amazonaws.com/omni/fonts/CaeciliaLTPro/caecilialtpro-46lightitalic.eot');
    src: url('https://vu-www4.s3.amazonaws.com/omni/fonts/CaeciliaLTPro/caecilialtpro-46lightitalic.eot?#iefix') format('embedded-opentype')
    ,url('https://vu-www4.s3.amazonaws.com/omni/fonts/CaeciliaLTPro/caecilialtpro-46lightitalic.woff2') format('woff2')
    ,url('https://vu-www4.s3.amazonaws.com/omni/fonts/CaeciliaLTPro/caecilialtpro-46lightitalic.woff') format('woff')
    ,url('https://vu-www4.s3.amazonaws.com/omni/fonts/CaeciliaLTPro/caecilialtpro-46lightitalic.ttf') format('truetype');

}

/* Begin Images */
p img {	padding: 0;	max-width: 100%;	}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left;	}
/* Captions */
.aligncenter,div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}

#secnav .rssblack { background: #222; margin-top: 0 !important;  color: #EEE; }
#secnav .rssblack p, #secnav .rssblack li { color: #EEE !important; }
#secnav .rssblack p a, #secnav .rssblack li a { border-bottom: 1px dotted #666; color: #D8AB4C; }
#secnav .rssblack li a:hover {  background: #333; color: #FFF; }

h4#hidetitle { display: none; }

div.tagcloud, div#calendar_wrap { padding: 10px 20px; }
.tagcloud a:link, .tagcloud a:visited { color: #555; text-decoration: none; border-bottom: 1px dotted #666;  }
.tagcloud a:hover { color: #999; }

/* If using Live Text Header */
.header-background .livetextheader {
    display: block;
    text-align: left;
    margin: 80px 0px 40px 130px !important;
    color: #EAEAEA;
    font-size: 4.45em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200 !important;
    opacity: 0.85;
}
.header-background .livetextheader strong {
    font-weight: 700 !important;
}
.header-background a:link, .header-background a:visited, .header-background a:hover {
    text-decoration: none;
    border: 0;
}

.DOS-caecilia-font {
    font-family: "Caecilia LT Std", "Source Sans Pro", sans-serif !important;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .header-background .livetextheader {margin-top: 35px !important; }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .header-background .livetextheader { font-size: 3.25em; }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .header-background .livetextheader { font-size: 2.5em; margin: 25px auto !important;  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .header-background .livetextheader {font-size: 2em;  }
}

/* GRID PAGE */
.anchordown-grid { clear: both !important;  }
.anchordown-block a, .anchordown-blockwide a { height: 475px; box-sizing: border-box; border-top: 1px solid #FFF; border-right: 1px solid #FFF; display: block; float: left; text-align: center; text-decoration: none; }
.anchordown-block a { width: 33.33333333%;  }
.anchordown-blockwide a { width: 66.66666666%; }

.anchordown-block span, .anchordown-blockwide span { margin: 0; background: #000; opacity: 0.8; display: block; padding: 12px 20px; position: relative; top: 300px; font-size: 2.5em; font-weight: 300; line-height: 1em;  color: #FFF;  }

.anchordown-block strong, .anchordown-blockwide strong { font-weight: 700; }
.anchordown-block em, .anchordown-blockwide em { display: block; font-size: 0.55em; font-weight: 100 !important; font-style: normal;  color: #d8ab4c;  }

.anchordown-block:hover, .anchordown-blockwide:hover {
    opacity: .6; /* css standard */
    filter: alpha(opacity=60); /* internet explorer */
}

@media only screen and (max-width: 750px) {
    .anchordown-block, .anchordown-blockwide { font-size: 1em !important; }
    .anchordown-block a { width: 50% !important; }
    .anchordown-blockwide a { width: 100% !important; }
}
@media only screen and (max-width: 500px) {
    .anchordown-block, .anchordown-blockwide { font-size: 1em !important; }
    .anchordown-block a, .anchordown-blockwide a { width: 100% !important; }
}