/*
Theme Name: MCC Branded
Theme URI: http://sites.monroecc.edu/
Author: MCC Web Services
Author URI: http://sites.monroecc.edu/
Version: 2.0

*/


/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width:     100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin:  0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
    clip:     rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height:   1px;
    width:    1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #F1F1F1;
    border-radius:    3px;
    box-shadow:       0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip:             auto !important;
    color:            #21759B;
    display:          block;
    font-size:        14px;
    font-weight:      bold;
    height:           auto;
    left:             5px;
    line-height:      normal;
    padding:          15px 23px 14px;
    text-decoration:  none;
    top:              5px;
    width:            auto;
    z-index:          100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
Tables
--------------------------------------------------------------*/
/* Table styles */

/* tblMeetings */
.tblMeetings { 
	width: 100%; 
	border-collapse: separate; 
	border-spacing: 1px; 
	padding-bottom: 25px;
} 

.tblMeetings tr:nth-child(even) {background-color: #FAFAFA !important;}

.tblMeetings td {  
	padding: 5px; 
	vertical-align: top; 
	border: 1px solid #f5f5f5; 
} 

.tblMeetings a 	{  
	font-weight: normal !important; 
	background: none !important; 
	padding: 0 !important; 
	margin: 0; 
	color: #960 !important; 
	text-decoration: underline; 
}

.tblMeetings th { 
	padding: 0 5px; 
	background-color: #BBB; 
	border-bottom: 1px solid #000;
}

	/* Optional
		.tblMeetings th {  padding: 5px; background-color: #BBB; } 
		.tblMeetings td { padding: 0 5px; vertical-align: top;}
	*/

.tblMeetingWidth th, .tblMeetingWidth td {
	width: 15%; 
}

/*
Extras
*/

table.comparison-table {
    width           : 100%;
    border-collapse : collapse;
    border-spacing  : 0;
    border          : 1px solid #d3d3d3;
}

table.comparison-table thead th {
    background-color : #bbbbbb;
    border           : 1px solid #ffffff;
    padding          : 0 8px;
    text-align       : left;
    border-bottom    : 2px solid black;
}

table.comparison-table tbody th {
    padding        : 0 8px;
    vertical-align : middle;
	border: 1px solid silver;
}

table.comparison-table tbody td {
    padding        : 0 8px;
    vertical-align : top;
	border: 1px solid silver;
}

table.comparison-table tbody tr:nth-of-type(even) {
    background : #efefef;
}

/*--------------------------------------------------------------
Columns & Rows
--------------------------------------------------------------*/
/* Columns */
	.column-two {
		float: left;
		margin-right: 5px;
		width: 45%;
	}

	.column-two-left {
		float: left;
		margin-right: 5px;
		width: 25%;
	}

	.column-two-right {
		float: left;
		margin-right: 5px;
		width: 65%;
	}

	.column-three {
		float: left;
		margin-right: 3px;
		width: 30%;
	}

	.row {
		margin-left: 0px !important;
	}

	/* Clear floats after the columns */
	.row:after, .row::after {
		content: "";
		display: table;
		clear: both;
	}

	/* Columns from Notes */
		.SectionColumn_Container{
			clear:both;
			position:relative;
			overflow: hidden;
			margin: 10px 0px;
		}

		.SectionColumn_Left{
			float:left;
			width: 50%;
		}

		.SectionColumn_Right{
			float:right;
			width: 50%;
		}

		.Field_2Columns {
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
			-moz-column-count: 2; /* Firefox */
			column-count: 2;
			-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
			-moz-column-gap: 50px; /* Firefox */
			column-gap: 50px;
			display: inline-block;
		}

		[class*="col-"] {
			float: left;
		}

		.col-30 {
			float: left;
			margin-right: 5px !important;
			width: 30%;
		}

		.col-40 {
			float: left;
			margin-right: 5px !important;
			width: 40%;
		}

		.col-50 {
			float: left;
			margin-right: 5px !important;
			width: 50%;
		}

		.col-60 {
			float: left;
			margin-right: 5px !important;
			width: 60%;
		}

		.col-70 {
			float: left;
			margin-right: 5px !important;
			width: 70%;
		}