/**
 * Theme Name: UBC CLF Basic
 * Theme URI: http://cms.ubc.ca
 * Description:  with CLF 7.0.4 Implementation
 * Version: 1.0.2
 * Author: UBC
 * License: N/A
 * License URI: N/A
 *
 */

/** Unit Bar background gradient and box shadow **/
#ubc7-unit {
   background: #264E6A;
}
#container{
	background: #FFF;
	padding-top: 25px;
}
#global-unit-footer{
	background: #FFF;
}

/**
 * WordPress Styles
 * Clearing of the entry-content 
 */
/* =Entry Content
-------------------------------------------------------------- */
.entry-content:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .entry-content            { zoom: 1; } /* IE6 */
*:first-child+html .entry-content { zoom: 1; } /* IE7 */


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* =Gallery
-------------------------------------------------------------- */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	}
.gallery .gallery-item .gallery-icon img {
	width: auto;
	max-width: 89%;
	height: auto;
	padding: 1%;
	margin: 0 auto;
	}
.gallery-caption {
	margin-left: 0;
	}

/* Image sizes depending on the number of columns */
.gallery .col-0 { width: 100%; }
.gallery .col-1 { width: 100%; }
.gallery .col-2 { width: 50%; }
.gallery .col-3 { width: 33.33%; }
.gallery .col-4 { width: 25%; }
.gallery .col-5 { width: 20%; }
.gallery .col-6 { width: 16.66%; }
.gallery .col-7 { width: 14.28%; }
.gallery .col-8 { width: 12.5%; }
.gallery .col-9 { width: 11.11%; }
.gallery .col-10 { width: 10%; }
.gallery .col-11 { width: 9.09%; }
.gallery .col-12 { width: 8.33%; }
.gallery .col-13 { width: 7.69%; }
.gallery .col-14 { width: 7.14%; }
.gallery .col-15 { width: 6.66%; }
.gallery .col-16 { width: 6.25%; }
.gallery .col-17 { width: 5.88%; }
.gallery .col-18 { width: 5.55%; }
.gallery .col-19 { width: 5.26%; }
.gallery .col-20 { width: 5%; }
.gallery .col-21 { width: 4.76%; }
.gallery .col-22 { width: 4.54%; }
.gallery .col-23 { width: 4.34%; }
.gallery .col-24 { width: 4.16%; }
.gallery .col-25 { width: 4%; }
.gallery .col-26 { width: 3.84%; }
.gallery .col-27 { width: 3.7%; }
.gallery .col-28 { width: 3.57%; }
.gallery .col-29 { width: 3.44%; }
.gallery .col-30 { width: 3.33%; }

/* =Header-widget area
-------------------------------------------------------------- */
.header-widget {
	background: #FFF;
	margin-top: -10px;
	margin-bottom: -20px;
}




/************************* CUSTOM CSS BEGIN *************************/

h4.feed-item-title {

    font-size: unset;
    font-weight: unset;
    line-height: unset;
    margin: 0 0 10px;
}

h4.feed-item-title:after, a.readmore:after {
content: " »";
color: #2f5d7c;
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}

#cta-wrap ul{
    margin: 0;
}


#cta-wrap ul li {
    line-height: 24px;
    display: inline-block;
    width: 47%;
    margin: .25em;
    padding: 0.25em;
}

#cta-wrap ul li a {
    padding: .75em;
    text-align: left;
}



body {
	background:#ffffff;
}

div.inflate h1{
	color:#ffffff;
	font-size:3em;
	font-weight:400;
	line-height:1.05em;
	position: relative;
	left: 0px;
	top:30%;
	width:75%;
}

.btn {
    font-weight: 700;
} 

h1 {
    margin-top: 20px;
    font-size: 50px;
    text-transform: uppercase;
}

h2 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom:10px;
}


.row-fluid.content.expand {
	background: url('../img/ubc_landscape2.jpg') no-repeat scroll #fff; 
	width:100%;
    height:auto;
	background-size: 100% auto;
}


.full-width .full-width-container .expand {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 20px;
    padding-right: 20px;
}


blockquote p {
	margin-bottom: 10px;
	font-size: 1.2em;
}

p {
	line-height: 1.5em;
	margin-bottom: 5px;
}

#primary {
	margin-top:20px;
	margin-bottom:22px;
}

#secondary {
	background: #f4f4f4 !important;
	-moz-box-shadow: inset 0 0 20px #eee;
	-webkit-box-shadow: inset 0 0 20px #eee;
	box-shadow: inset 0 0 20px #eee;
	padding: 20px;
	margin-bottom:2em;
}

#secondary .widget {
	margin-bottom:20px;
	margin-top:20px;
        border-bottom:1px dotted #ccc;
}

#secondary .widget-inside {
	padding-bottom:20px;
}

.maintenance-title {
	margin-top:20px;
	font-size:1.65em;
	line-height:1.4em;
	font-weight:700;
        padding: 0 0 5px;
	color:#002145;
        border-bottom: 1px solid #d7e0e7;
        text-transform: uppercase;
}

.maintenance-text {
	font-size:1em;
	line-height:1.3em;
	font-weight:400;
        padding:13px 0 12px;
	background:#ffffff;
	color:#224158;
	clear:both;
	margin-bottom:15px;
}

select {
	width:100%;
}

input.search-text {
	width:95%;
}


.row-fluid.expand#ubc7-unit-footer, .row-fluid.expand.ubc7-back-to-top
      {
        border:none;
        background:#f4f4f4;
}



@media screen and (max-width: 5000px) { 
.full-width-container {
	width:1200px !important;
	margin:auto !important;
	}
div.inflate {
	display:block;
	width:1200px;
	margin:auto;
	height:400px;
	}

.row-fluid .span4 {
    width: 30.5%;
    *width: 30.5%;
}


}


@media screen and (max-width: 1230px) { 


.full-width-container {
	width:979px !important;
	margin:auto !important;
	}
div.inflate {
	width:980px;
	margin:auto;
	height:300px;
	}
div.inflate h1{
	font-size:2.5em;
	top:15%;
	}

.row-fluid .span4 {
    width: 30.5%;
    *width: 30.5%;
}



}

@media screen and (max-width: 979px) { 
	.full-width-container {
	width:100% !important;
	}
div.inflate {
	margin:auto;
	width:100%;
	height:150px;
	}
div.inflate h1{
	font-size:2.5em;
	top:15%;
	}
.maintenance-title {
	font-size:1.4em;
	line-height:auto;
	}
div.navbar {
	display:none;
	}


.row-fluid .span4 {
    width: unset;
    *width: unset;
}

}

@media screen and (max-width:767px) { 
    
    
#cta-wrap ul li {
    width: 95%;
}    

.row-fluid.content.expand {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 0;
	padding-right: 0;
	}
div.inflate {
	width:95%;
	margin:auto;
	height:125px;
	}
	div.inflate h1{
	font-size:2em;
	top:5%;
	}
.maintenance-title {
	font-size:1.4em;
	padding-top:15px;
	padding-bottom:15px;
}

}

@media screen and (max-width:600px) { 
	.row-fluid.content.expand {
	display:none;
	}
	h1{
	font-size:3em;
        line-height:1.05em;
	top:5%;
	}

}

/************************* CUSTOM CSS END *************************/