/*
Theme Name:Region Supply
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(http://fonts.googleapis.com/css?family=Lato:400,300,100,700);



body {
	text-align: left;
	font-size: 16px;
	line-height: 25px;
	font-family: lato, helvetica, sans-serif;
	background-image: url('http://www.tim.media/images/background.jpg');
	overflow-x: hidden;
}



p {
	padding-bottom: 15px;
}


h1, h2, h3, h4 {
	margin-left: 5px;
	margin-right: 5px;
	font-family: 'Open Sans', sans-serif;
}

h1 { 
	color: #ed1c24;
	font-size: 30px;
	margin-bottom: 30px;
}

h2{
	color: #a02a2a;
	font-size: 25px;
	font-weight: normal;
}

h3 {
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	margin-top: 0px;
	}

h4{
	font-size: 25px;
	font-weight: normal;
	margin-top: 30px;
}

h5{
	font-size: 25px;
	font-weight: bold;
	margin-top: 30px;
}

h6{
	font-size: 25px;
	color: #a02a2a;
	margin-top: 30px;
}

.container-fluid {
	padding: 0px;
}

.container {
	max-width: 1041px;
	padding: 0px;
	width: 100%;
}

.row {
	margin: 0px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
	padding: 0px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 0px;
}

ul {
	margin: 10px;
	padding: 0px;
	list-style-type: none;
}

.cart img {
	border: black solid 1px;
}

button {
	margin: 10px 0px;
}

.bg-black {
	background-color: #000000;
}

.pad-none {
	padding: 0px;
}

.marg {
	margin: 40px 0px;
}

.white {
	background-color: #ffffff;
	padding: 15px;
	max-width: 265px;
	width: 100%;
	text-align: left;
}

.white-wide {
	background-color: #ffffff;
	padding: 15px;
	max-width: 354px;
	width: 100%;
	text-align: left;
	height: 300px;
	overflow-y: auto; 
}

.fright {
	float: right;
}

@media only screen and (max-width: 420px) {
	.fright {
		float: none;
	}
}



/* =HEAD */

.head {
	margin: 40px auto auto auto;
}

.line-top {
	border-top: #000000 solid 5px;
}

.black-top {
	background-color: #000000;
	height: 30px;
}


ul li{
	display: inline;
	margin: 15px 5px;
}

.space {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bold {
	font-weight: 700;
}

.relative {
	position: relative;
}

.mar-bottom {
	margin-bottom: 20px;
}

.logos {
	flex: 1 0 29%;
	-ms-flex: 1 0 29%;
	-webkit-flex: 1 0 29%;
	width: 33.3%;
}

.arc img {
	margin: auto;
	max-width: 140px;
	width: 100%;
}

.hcenter {
	align-items: center;
}

/* DONATE HEADER */

/* =SLIDER */

.carousel-fade {
  .carousel-inner {
    .item {
      opacity: 0;
      transition-property: opacity;
    }

    .active {
      opacity: 1;
    }

    .active.left,
    .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }

    .next.left,
    .prev.right {
      opacity: 1;
    }
  }

  
}

.carousel-control.right {
	 background-image: none; 
	 font-size: 200px; 
	 top: 30%;
}

.carousel-control.left {
	 background-image: none; 
	 font-size: 200px; 
	 top: 30%;
}

a.carousel-control.left {
	 height: 50px;
}

a.carousel-control.right {
	 height: 50px;
}
	 
  
.carousel-indicators {
	visibility: hidden;
}

.home {
	-webkit-flex: 1 0 45%;
	-ms-flex: 1 0 45%;
	flex: 1 0 45%;
	width: 50%;
}

.home img {
    width: 100%;
    opacity: 1;
	transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-backface-visibility: hidden;
}

.home img:hover {
	opacity: .5;
}

.home.left {
    padding-right: 11px;
}

.home.right {
    padding-left: 11px;
}


.trailer-button a {
    border-radius: 5px;
    background: rgba(237,28,36,1);
    padding: 10px 20px;
    width: 185px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
}
		
.trailer-button a:hover {
	background: rgba(237,28,36,.5);
	text-decoration: none;
	width: 185px;

}
	
/* modal */

    .big-box
    {
      position: absolute;
      width: 50%;
      /*height: 50%; */
    }
  
    .modal-dialog {
      width: 100%;
      height: 100%;
      padding: 0;
      margin:0;
    }
    .modal-content {
      
      height: 100%;
      border-radius: 0;
      color:white;
      overflow:auto;
    }
    .modal-title
    {
      font-size: 3em;
      font-weight: 300;
      margin: 0 0 20px 0;
    }
	    .close
    {
      color:white ! important;
      opacity:1.0;
    }
	
	.modal-dialog {
	      width: 100%;
	      height: 100%;
	      padding: 0;
	      margin:0;
	}	
	.modal-content {   
	      height: 100%;
	      border-radius: 0;
	      overflow:auto;
		  background-color: #000000;
	}
	
	.modal-header {
		border: 0px;
	}
	
.video-iframe {
		padding: 0px 250px;
	}	
	
.carousel {
  height: 100%;
  min-height: 850px;
}

#short-films .carousel {
	min-height: 750px;
}

.carousel-control {
    z-index: 2;
	font-size: 200px !important;
	opacity: .3;
  }
.slider-text {
	color: #ffffff;
}
	  
.hello {
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	margin-top: 20px;
}

.social {
	margin: 0px 5px;
}

/* Flexbox */

.flex-container {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	max-width: 1041px;
	margin-left: auto;
	margin-right: auto;
}

	
/* main text */

.row .equal [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.row.equal{
  overflow: hidden; 
}

.btn-info, .btn {
	background-color: #ff1e00;
	border-width: 0px;
	color: #ffffff;
}

.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
	color: #FFF;
background-color: #ff1e00;
border-color: #ff1e00;
}

@media only screen and (max-width: 1100px) {
	
	.video-iframe {
		padding: 100px;
	}
	
	.head {
		  margin: 30px 20px;
	  }
	  
	  h1 {
		  margin: 0px 20px 30px 20px;
	  }
	  
	  .slider-text {
		  margin-left: 20px;
		  margin-right: 20px;
	  }
	  
	  .trailer-button {
		  margin-left: 10px;
		  margin-right: 20px;
	  }
	
}

@media only screen and (max-width: 1000px) {
	.carousel {
		min-height: 700px;
	}
	
	#short-films .carousel {
		min-height: 650px;
	}
	
	.video-iframe {
		padding: 0px;
	}
	
	#home h1 {
		display: none;
	}
}

@media only screen and (max-width: 850px) {
	.arc img {
		max-width: 120px;
	}
	
}

@media only screen and (max-width: 768px) {
	
	.head img {
		  margin: auto;
		  float: none;
	  }
	  
	  h1 {
		  text-align: center;
	  }
}

@media only screen and (max-width: 650px) {
	.carousel {
		min-height: 630px;
	}
	
	#short-films .carousel {
		min-height: 530px;
	}
	
	.carousel-control.left, .carousel-control.right {
		top: 20%;
	}
}

@media only screen and (max-width: 550px) {
	
	.carousel-control.left, .carousel-control.right {
		top: 15%;
	}
	
	.arc img {
		max-width: 110px;
	}
}


@media only screen and (max-width: 500px) {
	.carousel {
		min-height: 600px;
	}
	
	#short-films .carousel {
		min-height: 500px;
	}
	
	.flex-container {
		flex-flow: row wrap;
	}
	
	.home {
		-webkit-flex: 1 0 100%;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		width: 100%;
		padding: 0px!important;
		margin-bottom: 4px;
	}
}

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

	.carousel-control.left, .carousel-control.right {
		top: 10%;
	}
	
	.logos {
		flex: 1 0 60%;
		-ms-flex: 1 0 60%;
		-webkit-flex: 1 0 60%;
		width: 60%;
	}
	
	.arc {
		flex: 1 0 30%;
		-ms-flex: 1 0 30%;
		-webkit-flex: 1 0 30%;
		width: 40%;
	}
	
	.arc img {
		float: right;
	}
}