/*
	Theme Name: The Commentator
	Theme URI: http://html5blank.com
	Description: The Official Student Newspaper for Yeshiva University
	Version: 1.0.0
	Author: Nuqta The Designer's Guild	
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
  font-size: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  /*color: #9a9b9b;*/
  color: #000;
  line-height: 1.7em;
}
/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table;
}
.clear:after {
  clear: both;
}
.clear {
  *zoom: 1;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
a {
  color: #444;
  text-decoration: none;
}
a:hover {
  color: #444;
}
a:focus {
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}
input:focus {
  outline: 0;
  border: 1px solid #04A4CC;
}
strong {
  color: #000;
}
/*div.container {
  width: 1170px !important;  
}*/
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* header */
.header {
  padding: 40px 0;
}
/* logo */
/* nav */
.nav {
  padding-top: 20px;
}
.nav ul {
  display: inline-block;
  width: auto;
  padding: 0px;
  margin: 0 auto;
}
.nav ul li {
  display: inline-block;
  float: left;
  padding-left:5px;
}
.nav ul li.current-menu-item a {
  background-color: #262626;
  color: #fff;
}
.nav ul li a {
  display: block;
  padding: 0 13px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight:bold;
  line-height: 35px;
}
.nav ul li a:hover {
  background-color: #262626;
  color: #fff;
}
/* sidebar */
/* footer */
div.categorynav {
  background-image: url(images/cat_nav.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  min-height: 61px;
  background-color: #0098db;
  margin-bottom:10px;
/*min-width:1170px;*/
}
div.categorynav ul {
  margin: 0px;
  display: inline-block;
  padding: 0px;
  padding-top: 4px;
}
div.categorynav ul li {
  display: inline-block;
  float: left;
}
div.categorynav ul li a {
  display: block;
  line-height: 57px;
  padding: 0 15px;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-transform:uppercase;
  font-weight:bold;
  
}
div.categorynav ul li a:hover {
  background-image: url(images/cat_nav_hover.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
div.categorynav form.search {
  padding: 17px 0;
}
div.categorynav form.search input[type="search"] {
  height: 32px;
  /*width: 388px;*/
  width: 87%;
  padding: 0 15px;
  display: inline-block;
  float: left;
  border: none medium;
}
div.categorynav form.search button {
  width: 39px;
  height: 33px;
  border: none medium;
  background-color: transparent;
  color: #000;
  background-image: url(images/search_ico.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 0px;
  display: inline-block;
  float: left;
}
#banner div.slider_content {
  background-image: url(images/banner_text.png);
  background-repeat: repeat-x;
  background-position: left -274px;
  /*height: 370px;*/
  /*width: 750px;
  position: absolute;*/
  top: 0px;
  left: 0%;
  width:100%;
  display:block;
}
#banner div.slider_content p {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  width: auto;
  vertical-align: bottom;
  bottom: 25%;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  line-height: 1.1em;
  padding: 0 30px;
  margin-bottom: 0px;
}
#banner .meteor-nav a {
  width: 45px;
  height: 45px;
  top: 43%;
}
#banner .meteor-nav .next a {
  background-image: url("images/next.png");
  right: 2%;
}
#banner .meteor-nav .prev a {
  background-image: url("images/prev.png");
  left: 2%;
}
#banner .meteor-slides .meteor-buttons {
  bottom: 15px;
  height: 10px;
  left: 8%;
  margin: 0;
  padding: 0px 0 0;
  position: absolute;
  width: 89%;
  z-index: 999;
}
#banner .meteor-buttons a {
  background: url("images/buttons.jpg") no-repeat scroll left bottom rgba(0, 0, 0, 0);
  display: block;
  float: left;
  height: 10px;
  margin: 0 8px 0 0 !important;
  outline: medium none;
  text-indent: -9999px;
  width: 39px;
}
#banner .meteor-buttons a.activeSlide {
  background: url("images/buttons.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0);
}
div.sidebar-widget .widget {
  margin-bottom: 20px;
}
div.sidebar-widget .widget h3.widget-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #000;
  padding-bottom: 7px;
  border-bottom: solid 1px #000;
  text-transform: uppercase;
  font-weight: normal;
}
div.sidebar-widget div.pdf_widget a {
width: 100%;
position: absolute;
top: 140px;
line-height: 54px;
color: #262626;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
text-transform: uppercase;
display: block;
background-color: rgba(255,255,255,.93);
font-weight: 700;/*
background-image: url(images/download_lco.jpg);*/
background-repeat: no-repeat;
background-position: 71px 19px;
background-size: 19px;
margin-top: 10px;

}
h1.cat-title,
h1.page-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: #000;
  text-transform: uppercase;
  font-weight: normal;
  background-image: url(images/cat-title-border.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 15px;
  margin-bottom: 0px;
  display: inline-block;
  padding-right: 50px;
}
main article.post {
  padding: 19px 11px;
  padding-top:0px;
}
main article.post h2.article_title,
main article.post h2.article_title a {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #000;
  text-decoration: none;
  margin-bottom: 8px;
  margin-top: 0px;
}
main article.post a.view-article {
  width: 130px;
  height: 38px;
  display: block;
  text-align: center;
  line-height: 38px;
  text-decoration: none;
  background-color: #0098db;
  margin: 5px 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
main article.post a.view-article:hover {
  background-color: #262626;
}
main article.post:nth-child(even) {
  background-color: #f6f6f6;
}
main article.post span.comments {
  background-image: url(images/comment_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  margin-left: 10px;
  display: inline-block;
}
main article.post span.comments a {
  color: #9a9b9b;
}
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form textarea {
  width: 100%;
  border: solid 1px #878787;
  height: 33px;
  padding: 0 10px;
  margin-bottom: 10px;
  resize: none;
  color: #000;
}
form.wpcf7-form textarea {
  height: 153px;
}
form.wpcf7-form input[type="submit"] {
  width: 88px;
}
main input[type="submit"] {
  border: none medium;
  background-color: transparent;
  min-width: 68px;
  background-color: #0098db;
  height: 34px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  margin: 10px 0;
}
main input[type="submit"]:hover {
  background-color: #262626;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
a {
  color: #0098db;
}
a:hover {
  color: #000;
}
body.page-id-105 table thead {
  background-color: #0098db;
  color: #fff;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 15px;
  border: solid 1px #0098db;
}
body.page-id-105 table thead td {
  color: #fff;
  height: 32px;
  vertical-align: middle;
  border: solid 1px #fff;
}
body.page-id-105 table tbody td {
  color: #000;
  text-align: center;
  padding: 5px 0px;
  border: solid 1px #000;
}
#featured .section-heading {
  margin-top: 0px;
  background-color: #0098db;
  line-height: 42px;
  display: inline-block;
  padding: 0 20px;
  text-transform: uppercase;
  color: #fff;
}
#featured .featured-title {
  padding: 25px 0px;
  background-color: #262626;
  margin: 0px;
  text-align: center;
}
#featured .featured-title a {
  font-size: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
#editorials,
#news,
#catfeatures,
#opinion {
 /* margin-top: 55px;
  background-color: #f6f6f6;*/
  padding: 0 10px 0px 10px;
}

#news .section-heading,
#catfeatures .section-heading,
#opinion .section-heading,
#editorials .section-heading {
  margin-top: 0px;
  background-color: #262626;
  line-height: 36px;
  display: inline-block;
  padding: 0 20px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  left: -10px;
font-size: 17px;
}
#news .section-heading span,
#catfeatures .section-heading span,
#opinion .section-heading span,
#editorials .section-heading span {
	color:#fff;
	font-size:13px;
	display:inline-block;
	float:right;
	margin-right:10px;
	}
#news .section-heading span a,
#catfeatures .section-heading span a,
#opinion .section-heading span a,
#editorials .section-heading span a{
	color:inherit;
	}	
#editorials div.col-md-6,
#news div.col-md-6,
#catfeatures div.col-md-6,
#opinion div.col-md-6 {
  margin-bottom: 27px;
}
#editorials div.thumbnail,
#news div.thumbnail,
#catfeatures div.thumbnail,
#opinion div.thumbnail {
  width: 66px;
  display: inline-block;
  float: left;
  margin-right: 12px;
}
#editorials div.editorial_content,
#news div.editorial_content,
#catfeatures div.editorial_content,
#opinion div.editorial_content {
  width: 272px;
  display: inline-block;
  float: left;
}
#editorials div.editorial_content h2,
#news div.editorial_content h2,
#catfeatures div.editorial_content h2,
#opinion div.editorial_content h2 {
  font-weight: normal;
  margin: 0px;
}
#editorials div.editorial_content h2 a,
#news div.editorial_content h2 a,
#catfeatures div.editorial_content h2 a,
#opinion div.editorial_content h2 a {
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
  line-height:1em;
}

#editorials div.editorial_content h2 a:hover,
#news div.editorial_content h2 a:hover,
#catfeatures div.editorial_content h2 a:hover,
#opinion div.editorial_content h2 a:hover {
text-decoration: none;
color:#444;
}


#editorials div.editorial_content span.comments,
#news div.editorial_content span.comments,
#catfeatures div.editorial_content span.comments,
#opinion div.editorial_content span.comments {
  background-image: url(images/comment_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  display: inline-block;
  display:none;
  
}
#editorials div.editorial_content span.comments a,
#news div.editorial_content span.comments a,
#catfeatures div.editorial_content span.comments a,
#opinion div.editorial_content span.comments a {
  color: #9a9b9b;
}
#news,
#catfeatures,
#opinion {
  background-color: #fff;
  margin-top: 7px;
}
#news .section-heading,
#catfeatures .section-heading,
#opinion .section-heading,
#editorials .section-heading  {
  width: 103%;
  background-color: #0098db;
}
#news .view-article,
#catfeatures .view-article,
#opinion .view-article {
  background-color: #0098db;
  color: #fff;
  display: none;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  height: 38px;
  line-height: 38px;
  margin: 5px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 130px;
}
#news .view-article:hover,
#catfeatures .view-article:hover,
#opinion .view-article:hover {
  background-color: #262626;
}
#opinion .col-md-6,
#opinion .col-md-12 {
  margin-bottom: 10px;
}
.footer {
  background-color: #262626;
  padding: 40px 0;
  /*min-width:1170px;*/
}
.footer div.footer-widget {
  color: #fff;
}
.footer div.footer-widget h3.widget-title {
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  background-image: url(images/footer_widget_title.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.footer div.footer-widget div.contact-us span {
  display: table;
  margin-bottom: 20px;
  padding-left: 30px;
}
.footer div.footer-widget div.contact-us span.address {
  background-image: url(images/address.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
.footer div.footer-widget div.contact-us span.phone {
  background-image: url(images/phone.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
.footer div.footer-widget div.contact-us span.email {
  background-image: url(images/email.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  height: 31px;
}
.footer div.footer-widget div.quick_links ul {
  padding: 0px;
}
.footer div.footer-widget div.quick_links ul li {
  list-style: none;
}
.footer div.footer-widget div.quick_links ul li a {
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: block;
}
.footer div.footer-widget div.about-widget ul {
  padding: 0px;
}
.footer div.footer-widget div.about-widget ul li {
  list-style: none;
  display: inline-block;
  float: left;
  margin-right: 8px;
}
.footer div.footer-widget div.about-widget ul li a {
  display: block;
  text-indent: -9999em;
  width: 36px;
  height: 33px;
  background-position: left top;
  background-repeat: no-repeat;
}
.footer div.footer-widget div.about-widget ul li a.fb {
  background-image: url(images/fb_f.jpg);
}
.footer div.footer-widget div.about-widget ul li a.twitter {
  background-image: url(images/tw-f.jpg);
}
.footer div.footer-widget div.about-widget ul li a.gplus {
  background-image: url(images/gplus-f.jpg);
}
.footer div.footer-widget div.about-widget ul li a.linkedin {
  background-image: url(images/linkedin-f.jpg);
}
.footer div.footer-widget div.about-widget ul li a.thumblar {
  background-image: url(images/thumblar-f.jpg);
}
.popular-post ul {
  padding: 0px;
}
.popular-post ul li {
  list-style: none;
  margin-bottom: 15px;
  border-bottom: dashed 1px #cccccc;
  padding-bottom: 15px;
  min-height:70px;
}
.popular-post ul li a.wpp-post-title {
  color: #9a9b9b;
  display: table;
  margin-bottom: 5px;
}
.popular-post ul li .wpp-excerpt, .popular-post ul li .wpp-author {
  color: #000;
  font-weight:normal;
}
.popular-post ul li .wpp-author {
	font-size:13px;
	}
div.comments label {
  display: table;
  margin-bottom: 8px;
  color: #9a9b9b;
}
div.comments input[type="text"] {
  border: solid 1px #9a9b9b;
  height: 33px;
}
div.comments textarea {
  border: solid 1px #9a9b9b;
  resize: none;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: 'Font-Name';
  src: url('../html5blank-stable/fonts/font-name.eot');
  src: url('../html5blank-stable/fonts/font-name.eot?#iefix') format('embedded-opentype'), url('../html5blank-stable/fonts/font-name.woff') format('woff'), url('../html5blank-stable/fonts/font-name.ttf') format('truetype'), url('../html5blank-stable/fonts/font-name.svg#font-name') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}
::-webkit-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}
::-moz-selection {
  background: #04A4CC;
  color: #FFF;
  text-shadow: none;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.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;
}
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%;
  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 .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
::-webkit-input-placeholder {
  color: #000;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder {
  color: #000;
}

.single .type-post > p
{
font-size: 18px;
line-height: 25px;
margin-top:23px;
}

.archive main article.post {
padding: 23px 35px !important;
padding-top: 25px !important;
}
.archive main article.post a.view-article
{
margin:15px 0 !important; 
}

.archive main article.post h2.article_title, .archive main article.post h2.article_title a,
.search main article.post h2.article_title, .search main article.post h2.article_title a {

font-size: 21px !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
}
h1{
font-size: 32px;
line-height: 37px;
margin: 0.67em 0;
}

body.home main .col-md-6{
	min-height:66px;
	}
.meteor-slides .mslide img{
	height:100% !important;
	}	
.menu_ico{
	width:120px;
	height:32px;
	display:block;
	line-height:48px;
	margin:0 auto;
	margin-top:15px;
	}	
.menu_ico .glyphicon{
	font-size:32px;	
	}
.menu_ico .glyphicon span{
	font-family: "Open Sans",sans-serif;
	}	
	
#mobile_menus nav{
	background-color:#0098DB;
	display:none;
	}
#mobile_menus nav ul{
	padding:0px;
	}		
#mobile_menus nav ul li{
	list-style:none;
	transition:all .5s ease-in; 
    -o-transition:all .5s ease-in; 
    -moz-transition:all .5s ease-in; 
    -webkit-transition:all .5s ease-in;
	}
#mobile_menus nav ul li a{
	color:#fff;
	border-bottom:solid 1px #fff;
	line-height:1.8em !important;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:10px 0;
	}	
#mobile_menus nav ul li:hover, #mobile_menus nav ul li.current-menu-item{
	background-color:#000;
	}
#mobile_menus nav h3{
	color:#fff;
	font-size:28px;
	}				

  .is-for-mobile{ display: none; }
/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
     
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }	
	
 /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }
	
	/* Medium Devices, Desktops */
    @media only screen and (max-width : 1024px) {
	  #editorials div.editorial_content, 
	   #news div.editorial_content, 
	   #catfeatures div.editorial_content, 
	   #opinion div.editorial_content{		  
			    width: 72%;
		   }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .footer div.footer-widget div.about-widget ul li{ float: none; display: block; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {	
	   #editorials div.editorial_content, 
	   #news div.editorial_content, 
	   #catfeatures div.editorial_content, 
	   #opinion div.editorial_content{		  
			    width: 50%;
		   }	
			div.sidebar-widget div.pdf_widget{
			text-align:center;
			}   
		div.sidebar-widget div.pdf_widget a{
			border: medium solid;
		    margin: 0 auto;
		    text-align: center;
		    width: 96%;
			}   
		.pdf_widget img{
			margin:0 !important;
			}	
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		
		/*#banner{
			display:none;
			}
	  */
	   #editorials div.editorial_content, 
	   #news div.editorial_content, 
	   #catfeatures div.editorial_content, 
	   #opinion div.editorial_content{		  
			     width: 70%;
		   }
		div.sidebar-widget div.pdf_widget a{			
		    width: 89%;
			} 

      .post .post_thumbnail{ width: auto !important; background-repeat: no-repeat !important; }  

      .not-for-mobile{ display: none; }

      .is-for-mobile{ display: block; }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        div.categorynav form.search input[type="search"]{
			   width:86%;
			  }

        div.sidebar-widget div.pdf_widget a{ background-position: center left; }

        iframe{ max-width: 100% !important; }
    }