/*

Theme Name: Women in Film Two

Author: Francesca Fuges and Morgan Green

Author URI: 

Description: 

Version: 1.0

License: 

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

Tags: 

*/

/*BOOTSTRAP*/

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css");

/*MODIFY BOOTSTRAP NAV*/

.navbar {

  height: 100px;

 /* min-height: 113px;*/

 margin-bottom: 20px;

 font-family: arimo;

  font-weight: bold; 

  font-size: 12px;

  background-image: none;

  background-color: white; 

  box-shadow: none; 

  border-bottom-color: #ec1c24;

  border-bottom-width: 8px; 

  padding: 0px 30px 0px 30px;

}

@media (min-width: 760px) {

  .navbar {

	  min-height: 150px; 

  }

}

.navbar-nav>li>a  {padding: 22px;}

	.navbar-default .navbar-nav>li.teal>a{color: #4cc0b7}

	.navbar-default .navbar-nav>li.green>a {color: #a7c655}

	.navbar-default .navbar-nav>li.purple>a {color: #662583}

	.navbar-default .navbar-nav>li.yellow>a {color: #ebb624}

	.navbar-default .navbar-nav>li>a:hover {color: #ec1c24}

	.navbar-default .navbar-nav>li>a.redbox {padding: 1px 12px 1px 12px; font-weight: 100; border-style: solid; border-width:thin; border-color:#ec1c24; color: #ec1c24; box-sizing:border-box;}
	
	.navbar-default .navbar-nav>li>a.redbox:hover {padding: 1px 12px 1px 12px; font-weight: 100; border-style: solid; border-width:thin; background-color:#ec1c24; color: white; box-sizing:border-box;}

.red {color: #ec1c24; font-family: arimo; font-weight: bold;}

.wiflogo {display: inline; padding: 0px; float: left;}

.wiflogo img {height: 80px; vertical-align: middle; margin-top: 10px; }

.social>li>a {padding: 0px}

.social>li>a>img {vertical-align: top; height: 22px;}

#mail {margin-left: 55px;}

@media (max-width: 760px) {

  .nav {

    width: 100%;

  }

}

.main-nav {background-color: white; font-size: 15px}

@media (max-width: 992px) {

  #mail {margin-left: 0px;}

  .main-nav {font-size: 12px}

  .navbar-default .navbar-nav>li>a.redbox {padding: 1px 8px 1px 8px;}

}
@media (max-width: 760px) {

  .nav {width: 100%;}
  .wiflogo img {width: 100%; height: auto; vertical-align: top; margin: 0 0 20px 0; }
  .wiflogo {width: 30%}

}

#menu-advocacy, #menu-mediamakers {min-height: 210px}

.dropdown .menu-item {text-transform: uppercase;}

	/*.dropdown .menu-item .sub-menu .menu-item {visibility:hidden; height: 0px; list-style-type: none; text-transform: none; font-familiy: "Arimo";}*/

		.dropdown .menu-item .sub-menu .menu-item a {font-familiy: "Arimo"; font-weight:300;}

			.dropdown-menu>li.dd-hide {visibility: hidden; display: none; height: 0px}

			.dropdown:hover .dropdown-menu {

    			display: block;

   				 margin-top: 0; 

			}

/*END NAV MOD*/



/*CONTAINER BOOTSTRAP MOD*/

.container{padding: 15px 15px 30px 15px}

	.white {background-color: white; border: solid 1px #ecedee; padding: 0}

body {font-family: "Arimo"}

@media (max-width: 760px) {

  .container {

    width: 100%;

  }

}

/*END CONTAINER MOD*/



/*ELEMENTS*/

body{background-image: url("images/Pattern.jpg"); background-repeat: repeat; padding-top: 148px}

header{background-color: #ec1c24; color: white; text-align: center; font-family: arimo, "Arimo"; font-weight: bold; text-transform: uppercase; font-size: 18px; padding: 18px; }
header h1{background-color: #ec1c24; color: white; text-align: center; font-family: arimo, "Arimo"; font-weight: bold; text-transform: uppercase; font-size: 18px; padding: 18px; display:inline}

.stripes {background-image: url("images/graystripes-SE.jpg"); background-repeat: repeat; }

h2.stripes {background-image: url("images/graystripes-SE.jpg"); background-repeat: repeat; color: #ec1c24; text-align:center; text-align: center; font-family: arimo, "Arimo"; font-weight: bold; text-transform: uppercase; font-size: 18px; padding: 18px;}

header>h1>a{color: #662583; text-decoration: none}

article{padding: 15px 30px 30px 30px; margin: auto; min-height: 300px;}

.entry-box article {min-height: 0px}

/*END ELEMENTS*/



/*LINKS GENERALLY, BOOTSTRAP MOD*/

.btn-link:focus, a:visited, a:focus, a:hover {text-decoration: none}



/*ARTICLES*/

.entry-content {padding: 20px; min-height: 30px}
	.entry- content a {color: #58595b; font-weight: bold}
		.entry-content a:hover {color: #ec1c24}

.entry-box {border: solid 2px #ecedee; padding: 20px;}

	.entry-box a {color: #ec1c24; font-weight: bold}
	
	.entry-box a:hover {color: #58595b}

	.entry-box>h1 {font-size: 24px; font-family: arimo; text-transform: uppercase; text-decoration: none}

		.entry-box h1 {margin-top: 0px; font-size: 24px; font-family: arimo; text-transform: uppercase; text-decoration: none; color: #ec1c24}

		.entry-box h1 a {font-weight:bold;}

		.entry-box h1 a:hover {color: #ec1c24}

			.entry-box.bio {min-height: 350px}
			
			.entry-box.board {min-height: 200px}

				.entry-box.bio.row, .entry-box.board.row {padding:10px}

				.entry-box.bio>img, .entry-box.board>img {float: left; padding:0px; width: 150px;}
				
				.entry-box ul {list-style-type: none; padding: 5px;}
				
				.entry-box>h2 {font-size: 24px; font-family: arimo; text-transform: uppercase; text-decoration: none}

		.entry-box h2 {margin-top: 0px; font-size: 24px; font-family: arimo; text-transform: uppercase; text-decoration: none; color: #ec1c24}

		.entry-box h2 a {font-weight:bold;}

		.entry-box h2 a:hover {color: #ec1c24}

				

/*FOOTER*/

footer ul.sub-menu {margin-left: 10px; padding: 0}

.maptitle {font-family: "Arimo"; color: rgb(236, 28, 36); font-weight: bold;}

footer{background-color: #ecedee; min-height: 220px;  top: 40px; padding: 0px 0px 0px 20px; margin-top: 30px;}

footer ul {list-style-type: none; padding: 20px 0px 0px 0px; font-size: 10px;}

footer ul>li>a {color: #58595b}

footer ul>li>a:hover {color: #ec1c24}

	footer ul.footerbuttons {padding: 0}

	footer ul.footerbuttons>li{text-align: center; color: #ecedee; font-size: 12px; line-height:30px; border-style: solid; border-color: #ecedee; border-radius: 5px; width: 125px;}

	@media (max-width: 992px) {footer ul.footerbuttons>li, .searchform{width: 80%; margin: auto;}}

		footer ul.footerbuttons>li>a { color: #ecedee;}

		footer ul.footerbuttons>li.teal {background-color: #4cc0b7}

		footer ul.footerbuttons>li.green {background-color: #a7c655}

		footer ul.footerbuttons>li.purple {background-color: #662583}

		footer ul.footerbuttons>li.yellow {background-color: #ebb624}

		.searchform {padding: 20px 40px 10px 0px}

		

		

/*SLIDER*/

.carousel-holder {background-color: #4d434d; max-width: 100%; margin: auto;}

	.carousel {max-width: 1050px; margin: auto;}

		.carousel-control {font-size: 36px}

		.carousel-control.right, .carousel-control.left {background-image:none}

		/*.carousel-control.right {right: 0}

		.carousel-control.left {right: 100%}*/

			.carousel-control .glyphicon-menu-left,

			.carousel-control .glyphicon-menu-right {

				  position: absolute;

				  top: 50%;

				  z-index: 5;

				  display: inline-block;

				  margin-top: -10px;

			}

			

/*HOMEPAGE*/

.news {margin: 20px 30px 20px 20px;}
.home-thumb{margin: auto; padding: 30px; max-width: 300px;}

	.home-thumb>h1 {background-color: #ecedee; color: rgb(236, 28, 36); text-transform:uppercase; font-size: 16px; text-align: center; padding: 10px 15px 15px 15px; height: 70px; overflow: hidden; vertical-align:middle; }

	.home-thumb>h1>a, .home-thumb>h1>a:visited {color: rgb(236, 28, 36);}

		.thumb-img{clear:both; height: 130px; overflow: hidden;}

		.center-cropped {

  			height: 160px;

  			background-position: 30% 30%;

  			background-repeat: no-repeat; 

			margin:auto; 

		}
.homechart img {width:95%}

/*SEARCHPAGE*/

h1.search {text-align: left; color: black;}

/*STAFF PAGE*/

.bio h2 {font-size: 16px; font-weight: bold; text-transform: none; color: black;}

/*BLOCK QUOTES*/

blockquote {
  font-size: 12px;
  border-left: none;
  line-height: 1.8;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after{
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.cited {margin-right: 20%; font-weight: bold; font-size: 13px; font-style: oblique}

/*BANNER*/
.post-image img {width: 100%}