/*   

Theme Name: Columbia Area Career Center Theme

Theme URI: http://thematictheme.com/

Description: Use this theme to start your Thematic Child Theme development.

Author: Patrick Sasser

Author URI: http://patricksasser.com/

Template: thematic

Version: 1.0

Tags: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html



.

The Thematic Theme is copyright Ian Stewart http://themeshaper.com/

This work, like WordPress, is released under GNU General Public License, version 2 (GPL).

.



*/



@import url("css/main.css");



/*Maintenance styling */

body

{

	min-width: 320px;	

}



.container

{

	min-width: 320px;	

}



.skip-link, .edit-link, .post-edit-link

{

	display: none;	

}



.center

{

	text-align: center;	

}



.right

{

	text-align: right;

}



.img-responsive

{

	width: 100%;	

}



.video-container {

    position: relative;

    padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

}

 

.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



a

{

	outline: 0;	

}



@font-face {

    font-family: 'Mono Social Icons Font';

    src: url('fonts/MonoSocialIconsFont-1.10.eot');

    src: url('fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),

         url('fonts/MonoSocialIconsFont-1.10.woff') format('woff'),

         url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),

         url('fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');

    src: url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



.symbol, a.symbol:before {

    font-family: 'Mono Social Icons Font';

    -webkit-text-rendering: optimizeLegibility;

    -moz-text-rendering: optimizeLegibility;

    -ms-text-rendering: optimizeLegibility;

    -o-text-rendering: optimizeLegibility;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: antialiased;

    -ms-font-smoothing: antialiased;

    -o-font-smoothing: antialiased;

    font-smoothing: antialiased;

}



a.symbol:before {

    content: attr(title);

}



.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



.socialmedia

{

	list-style: none;

	margin: 0;

	padding: 0;

	line-height: 1;

}



.socialmedia li

{

	display: inline-block;

}



.socialmedia li a:hover, .socialmedia li a:focus

{

	text-decoration: none;

}



.socialmedia li a:hover

{

	opacity: .7;	

}



.clear

{

	clear: both;

}



.nopadding

{

	padding: 0;

}



@media (min-width: 768px) {

	.row-height

	{

		display: table;

		table-layout: fixed;

		height: 100%;

		width: 100%;

	}

	.col-height

	{

		display: table-cell;

		float: none;

		height: 100%;

	}

	.col-middle

	{

		vertical-align: middle;

	}

}



/*End maintenance styling */













/*FAQ Page*/

.faqleftsection

{

	background-color: #efefef;

	padding: 20px;

	margin-bottom: 30px;

}



.faqsection

{

	margin-bottom: 60px;	

}



.faqimage

{

	background-color: #5e7f97;

	display: inline-block;

	border-radius: 50%;

	font-size: 30px;

	padding: 12px 15px;

	color: #ffffff;

	line-height: 1;

}



.faqimage .glyphicon

{

	margin-top: 2px;	

}



@media (min-width: 992px) {

	.faqleftsection

	{

		margin-bottom: 0px;

	}

}



/*End FAQ Page*/











.pcelandingarea .adultrow

{

	margin-bottom: 30px;	

}



.pcelandingarea .adultrow:last-child

{

	margin-bottom: 0px;	

}





.single-pce .panel-default .panel-heading a

{

	color: #ffffff;

}



.single-pce .faqcontainer .panel-default .panel-heading a

{

	color: #000000;

}



.single-pce .panel-deafult .panelmaintext

{

	margin-bottom: 20px;	

}



.single-pce .panel-deafult .plaintextlink

{

	margin-bottom: 10px;	

}





.single-pce .logorow

{

	margin-bottom: 20px;

}









.adultrow .col-sm-4

{

	margin-bottom: 20px;

}



.adultrow .col-sm-4 a

{

	display: block;

}



.adultrow .col-sm-4 a:hover

{

	opacity: .8;

}



@media (min-width: 768px)

{

.adultrow

{

	margin-bottom: 20px;

}

.adultrow .col-sm-4

{

	margin-bottom: 0px;

}

}





#header

{

	margin: 0!important;	

}



.headertexture

{

	padding-top: 10px;

}



@media (min-width: 768px)

{

	.headertexture

	{

		

		padding-top: 20px;

		padding-bottom: 20px;	

	}

}



.headertexture.pcemenu

{

	background-color: #5d7e95;	

}



#header .pcemenu .navbar #navbar ul li a

{

	color: #ffffff;	

}



.pcemenu .cpslogo a

{

	color: #000000;	

}



.templatestuff

{

	background-size: cover;	

}



.pcesinglecontainer

{

	padding-top: 20px;

	padding-bottom: 20px;		

}



.pcemenu .socialmedialinkarea a

{

	color: #ffffff;	

}

.paddingtop
{
	padding-top: 20px;	
}

.paddingbottom
{
	padding-bottom: 20px;	
}