/*
Theme Name: 	UCONN AAUP 2013
Theme URI:
Description: 	The Walker Group's Skeleton Theme, based on Starkers, with Twitter Bootstrap
Version: 		2013
Author: 		The Walker Group
Author URI: 	http://thewalkergroup.com
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/wp-core-styles.css";
p {
    margin: 0 0 20px;
}
img {
    image-rendering:optimizeQuality;
   -ms-interpolation-mode: bicubic;
}
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.logo {
    position: absolute;
    z-index: 100;
    width: auto;
}

.navbar-btn {
    margin-left: 10px;
}
.dropdown-menu {
    border: none;
    min-width: 300px;
}
#menu-top-navigation .dropdown-menu li {
    border-right: none;
}
.navbar {
    border-radius: 0px;
    margin-bottom: 0;
}
#menu-top-navigation,
.navbar-buttons {
    z-index: 900;
    position: relative;
    margin-top: 5px;
}
#menu-top-navigation li:last-child {
    border-right: none;
}

.navbar-brand {
    padding: 0px;
    line-height: 0px;
}

.header-area .navbar-form {
    padding: 0px;
}
.navbar-header {
    padding-bottom: 20px;
}
.navbar-default {
    border: none;
}
.navbar-btn {
    padding: 3px 8px;
}
.navbar-form {
    max-width: 225px;
    margin-left: 0px;
}
.nav>li>a {
    padding: 10px 10px;
}
.content-area .container {
    padding: 20px 40px 80px 40px;
}
.callouts {
    position: relative;
    top: -70px;
}
.callout {
    padding: 15px;
}
.callouts-link .fa {
     vertical-align: middle;
     opacity: 0.2
}
.callout-icon {
    position: relative;
    top: -8px;
    right: -8px
}

.callouts .callout:before, 
.callouts .callout:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 29px;
	width: 50%;
	top: 80%;
    max-width: 41%;	
    background: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 25px 20px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 25px 20px rgba(0, 0, 0, 0.4);
	box-shadow: 0 25px 20px rgba(0, 0, 0, 0.4);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.callouts .callout:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 29px;
	left: auto;
}
.callout-none .callout-story {
        border-bottom: 1px solid #777;
}
.callout-story {
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
    padding-bottom: 40px;
}
.callouts-link {
    position: absolute;
    bottom: 10px;
    width: 200px;
    right: 20px;
}
.social-links {
    margin-bottom: 15px;
}
.social-links a {
    display: inline-block;
    margin: 0 0 15px 0;
}

/* Fonts */
.navbar-default .navbar-nav>li>a {
    font-weight: bold;
}
.content-area {
    font-size: 16px;
    line-height: 150%;
}
.callout h4 {
    font-size: 16px;
    font-weight: 700;
}

/* END Fonts */

/* Colors */
.navbar-default,
.navbar-right .dropdown-menu,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: #c6332d;
}
#menu-top-navigation li {
    border-right: solid 1px #000000;
}
.navbar-default .navbar-nav>li>a,
.navbar-btn,
.callout,
.callout h3 a,
.callouts-link a,
.home .content-area,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav .dropdown-menu a,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
}
.callout-red h4 a {
    color: #ffc1c1;
}
.navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff; 
}
.callouts-link .fa {
     color: #000;
}
.navbar-btn {
    background: #b7b7b8;
    border-color: #016699;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
    background: transparent;
}
.home .content-area {
    background: #1b2d59;
}
.callout {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNENzVBNEM3MTk4MTFFM0JDRDJEMDM3ODUwM0Q1NTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNENzVBNEQ3MTk4MTFFM0JDRDJEMDM3ODUwM0Q1NTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0Q3NUE0QTcxOTgxMUUzQkNEMkQwMzc4NTAzRDU1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0Q3NUE0QjcxOTgxMUUzQkNEMkQwMzc4NTAzRDU1MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PudvJjQAAABTSURBVHjaYlSWVxBgYGD4AsR/gJgFiLmZgMQ3IOYFYkYo/R0k8wuI//1n+C/JyMD4CqQDpBIEWIECIEk2EAckyAUSBOI3yGaCGJ+gOkA0M0CAAQD1wA563WTmGAAAAABJRU5ErkJggg==);
}
.callout-none {
    background-color: #fff;
}
.callout-none h3 a,
.callout-none,
.callout-none .fa-inverse,
.callout-none .callouts-link a {
    color: #777;
}

.callout-green {
    background-color: #67a238;
}
.callout-green h4 a {
    color: #173400;
}
.callout-yellow {
    background-color: #cc8318;
}
.callout-red {
    background-color: #c6332d;
}
.social-links {
    border-bottom: 1px solid #777;
}
.social-links a {
    color: #1b2d59;
}
.social-links a:hover,
.social-links a:active,
.navbar-default .navbar-nav .dropdown-menu a:hover {
    color: #777;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent;
    border: 1px solid #fff;
}

/* END Colors */

/* BX Slider Overrides */

.bx-viewport {
    width: 100% !important;
}
.bx-wrapper {
    margin-bottom: 0;
    z-index: 1;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: 0;
    border: 0;
}
.bx-wrapper .bx-viewport .slide img {
    width: 100%;
}
.bx-wrapper .slide {
    left: 0;
}
.bx-wrapper .bx-viewport {
    left: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 25px;
    height: 25px;
}
.bx-controls {
    top: -100px;
    position: relative;
    z-index: 9999;
}
/* END BX Slider Overrides */
@media (min-width: 1200px) {
    .logo {
        height: 220px !important;
    }
    .page .content-area,
    .category .content-area,
    .single .content-area {
        padding-top: 50px;
    }
    .home .content-area {
        padding-top: 0;
    }
    .slider-area {
        margin: 0 auto;
        max-width: 1200px;
        max-height: 400px;
        overflow: hidden;
    }
}
@media (max-width: 1199px) {
    .logo {
        height: 180px !important;
    }
    #menu-top-navigation, .navbar-buttons {
        margin-top: 18px;
    }
    .slider-area {
        margin: 0 auto;
        max-width: 1024px;
        max-height: 341px;
        overflow: hidden;
    }
}
@media (max-width: 1024px) {
    .slider-area {
        margin: 0 auto;
        max-width: 992px;
        max-height: 331px;
        overflow: hidden;
    }
}
@media (max-width: 991px) {
    .nav>li>a {
        padding: 5px 4px;
    }
    .navbar-header {
        padding-bottom: 90px;
    }
    .navbar-default {
        font-size: 13px;
    }
    #menu-top-navigation, .navbar-buttons {
        margin-top: 28px;
    }
    .slider-area {
        margin: 0 auto;
        max-width: 768px;
        max-height: 256px;
        overflow: hidden;
    }
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: 0;
        right: auto;
    }
    .navbar-right li:last-child .dropdown-menu {
        right: 0;
        left: auto;
    }
}
@media (max-width: 767px) {
    .navbar-header {
        padding-bottom: 20px;
    }
    .navbar-form {
        max-width: 100%;
    }
    #menu-top-navigation li {
        border-right: 0px;
    }
    .navbar-buttons {
            text-align: center;
    }
    .logo {
        height: 100px !important;
        width: auto;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }

    
}