/*
Theme Name:     LGBT Film Festival UWM Web Identity Child Theme Template
Theme URI:
Description:
Author:         Sandra DuPont
Author URI:
Template:       uwmwebid
Version:        0.1
*/
/* Please customize the above child theme template header to reflect your organization. */
/* IMPORTANT: The value of Template must remain "uwmwebid". */

/* IMPORTANT: Please do not remove this line. It is required by the UWM Web Identity parent theme. */
@import url("../uwmwebid/style.css");

/* Ok! Child theme customization starts below this line. */

/*Header-------------------------*/
/*Front Page Banner--------------*/
/*Buttons------------------------*/
/*Tabby Responsive Tabs*/
/*Table*/
/*Calendar------------------------*/
/*Form, header treatments, archive------------------------*/
/*Prefooter------------------------*/
/*Media Queries------------------------*/

code {
	display: block;
	background: #f8f8f8;
	padding: 30px;
	border-left: 5px solid #d7d7d7;
}
/* Header customizations start ---------------------------------------------- */
.fa-youtube-play{

  font-size: 50px;
  left: 65%;
  opacity: 0.8;
  position: absolute;
  right: 0;
  text-align: center;
  top: 10%;
  color: #ed1d86;
}
.border{
  border:2px solid #ed1d86;
  -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
   border-radius: 10px;


}
.site-branding h1 {
  display: block;
  position: absolute;
  background-image: url(images/UWM_PSOA_homepagelogos.png) !important;
  background-repeat: no-repeat;
  background-position: top right;
  width: 330px;
  height: 52px;
  margin: 0;
  padding: 0;
  bottom: 15px;
  right: 15px;
}
.site-branding h2{
  left: 20px;
  bottom: 5px;
  padding: 0;
  margin: 0;
}

.search-toggle i {
    position: relative;
    top: 12px;
    left: 15px;
    font-size: 22px;
    color: #000;
}
.header-background{
  height: 125px;
  background: url(images/wild_oliva.png) repeat;
  background-color: none;
}
ul.nav-menu, div.nav-menu > ul{
 margin: 5px 0 0 -20px;
 padding: 0 40px 0 0;
}

.navbar{
  background-color: #fff;
}
.navbar .fa{
  display: none;
}
.nav-menu li a {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 200;
  line-height: 1;
  padding: 8px 20px;
  text-decoration: none;
}
.nav-menu li a:hover {
  background: none;
  border-top: 2px solid #fff;
}
.main-navigation {
  min-height: 2px;
}
.header-image-guide{
display: block;
margin: 0 auto;
width: 100%;
max-width: 1700px;
height: 250px;
max-height: 250px;
overflow: hidden;
}
/* Header customizations end ---------------------------------------------- */
/* Landing page header start ---------------------------------------------- */
.lgbt-header-content{
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1000px;
	width: 100%;
	position: relative;
}
.lgbt-header {
 	overflow: hidden;
 	position: relative;
 	margin: 0;
  margin-bottom: 50px;
 	padding: 0;
  background-image: url(images/header2_internalpgs.jpg);
}
.lgbt-header img {
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1700px;
	height: 300px;
	max-height: 300px;
	overflow: hidden;
}

.lgbt-header-image {
    height: 300px;
		margin: 0 auto;
		width: 100%;
		max-width: 1700px;
		max-height: 300px;
		overflow: hidden;
}
.lgbt-header-content {
	padding-top: 60px;
	padding-bottom: 60px;
	max-height: 300px;
	overflow: hidden;
}

.lgbt-header h1 {
	color: #464646;
	margin: 0;
	border-left: 10px solid #ed1d86;
	padding: 10px 15px;
	font-size: 40px;
	font-weight: 800;
}

.lgbt-header h1 .page-title-top {
	font-size: 18px;
	font-weight: normal;
	display: block;
}

.gie-header-image .gie-header-content {
	padding-top: 10%;
}

.lgbt-header-image .lgbt-header-content h1 {
	font-size: 46px;
}
/* Landing page header end ---------------------------------------------- */
/* Front page banner start ---------------------------------------------- */

.front-page-banner .widget {
	max-width: 2000px;
	margin: 0 auto;
	padding-top: 0;
  .background: #d7d7d7;
}
#tribe-mini-calendar-5{
  float: left;
  width:38%;
  margin-left: 5%;
  margin-right: 1%;
  margin-top: 0;
  margin-bottom: 5%;
}
#tribe-events-adv-list-widget-2{
  float: left;
  width:38%;
  margin-left: 5%;
  margin-right: 1%;
  margin-top: 0;
  margin-bottom: 5%;
}
h3.widget-title{
  background:#f1f1f1;
  color: #333333;
  font-size: 30px;
  font-weight: 200;
  padding: 20px 2px;
  border-bottom: 1px solid #ed1d86;
  margin-bottom: 20px;
}
.tribe-events-widget-link a{
  float: right;
  color: #000;
  padding: 10px;
  background:#f1f1f1;
  border-bottom: 1px solid #ed1d86;
}
.tribe-events-widget-link a:hover{
  text-decoration: none;
  background:#d7d7d7;
  color: #ed1d86;

}
.widget .widget-title {
  padding: 10px;
  margin: 0 0 20px 0;
}
.tribe-mini-calendar-event{
  padding: 10px;
}
h2.entry-title.summary{
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.list-info{
  border-bottom:1px solid #ed1d86;
  margin-bottom:20px;
}
.list-date{
  display: none;
}
.feed{
  float:right;
  width: 38%;
  margin-right: 5%;
  margin-top: 0;
  margin-bottom: 5%;
  .background: #ebebeb;
  padding: 0;
}
.quote{
  background: #ebebeb;
  margin-top:5%;
  padding:5% 20%;
  clear: both;
}
.quote:before{
  font: 48px/1 FontAwesome;
  color: #000000;
  padding-right: 15px;
  float: left;
  content: '\f10d';
}
.widget_metaslider_widget .widget-title {
	display: none;
}
.page .flexslider {
	margin-bottom: 0;
}
.front-page-banner .metaslider .caption-wrap {
	bottom: 0;
	left: 0;
	right: auto;
	width: 400px;
	position: absolute;
	opacity: 0.9;
	color: #fff;
	line-height: 1.4em;
	font-size: 14px;
	padding: 20px;
  background: none;
}
.front-page-banner .metaslider .caption-wrap a {
	color: #000;
}
.front-page-banner .metaslider .caption-wrap a:hover {
	color: #000;
	text-decoration: none;
}
.front-page-banner .metaslider .caption-wrap h2 {
	margin-top: 0;
	margin-bottom: 15px;
}
.front-page-banner .metaslider li {
	padding: 0;
}
.front-page-banner .metaslider li img {
	box-shadow: 0 8px 6px -6px #666;
}
.front-page-banner .metaslider .flex-direction-nav a {
	margin: 0;
	display: block;
	background: none;
	position: absolute;
	top: 45%;
	z-index: 10;
	cursor: pointer;
	opacity: 0.3;
	-webkit-transition: all .3s ease;
}
.front-page-banner .metaslider .flex-direction-nav .flex-next {
	right: 1%;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #fff;
}
.front-page-banner .metaslider .flex-direction-nav .flex-prev {
	left: 1%;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #fff;
}
.front-page-banner .metaslider .flexslider:hover .flex-next,
.front-page-banner .metaslider .flexslider:hover .flex-prev {
	opacity: 0.8;
}
.front-page-banner .metaslider .flexslider:hover .flex-next:hover,
.front-page-banner .metaslider .flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.front-page-banner .metaslider .flex-direction-nav .flex-disabled {
	cursor: default;
	pointer-events: none;
}
.front-page-banner .metaslider .flex-control-paging li a.flex-active {
	background: #ebebeb;
}
.landing-header-content {
	padding: 20px;
}
.landing-header-content .entry-thumbnail img {
 	margin: 0;
}
.landing-header-content .entry-title-wrap {
	position: absolute;
	left: 24px;
	bottom: 60px;
	padding: 25px 30px;
	background: white;
	opacity: 0.9;
	color: #000;
	line-height: 1.4em;
	font-size: 14px;
	border-bottom: solid 10px #c66320;
}
.landing-header-content .entry-title {
	display: inline;
}
/* Front page banner end ---------------------------------------------- */
/* Start Buttons ---------------------------------------------- */
.button-first{
  background: #fff;
  width: 200px;
  height: 80px;
  color: #333333;
  font-size:20px;
  font-weight: 200;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 20px;
  float: left;
  margin: 0 60px;
  }
.button-first:visited{
  background: #c2c0b8;
  color: #fff;
}
.button-first:hover{
  background: #c2c0b8;
  color: #fff;
}
.button-first:active{
  background: #c2c0b8;
  color: #fff;
}
.button-second{
        background: #fff;
        width: 200px;
        height: 80px;
        color: #333333;
        font-size:20px;
        font-weight: 200;
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding: 20px;
        float: left;
        margin-right: 10%;
}
.button-second:visited{
    background: #c2c0b8;
    color: #fff;
}
.button-second:hover{
    background: #c2c0b8;
    color: #fff;
}
.button-second:active{
    background: #c2c0b8;
    color: #fff;
}
.button-third{
    background: #fff;
    width: 200px;
    height: 80px;
    color: #333333;
    font-size:20px;
    font-weight: 200;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    float: right;
}
.button-third:visited{
  background: #c2c0b8;
  color: #fff;
}
.button-third:hover{
  background: #c2c0b8;
  color: #fff;
}
.button-third:active{
  background: #c2c0b8;
  color: #fff;
}
.buttons-container{
    width: 100%;
    margin:0 auto;
}
/* End Buttons ---------------------------------------------- */

/* ------ Tabby responsive tabs start------ */
.responsive-tabs .responsive-tabs__heading {
	display: none;
}

.responsive-tabs .responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
}

.responsive-tabs-wrapper {
	clear: both;
	margin-bottom: 20px;
	zoom: 1;
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
    content: "";
    display: table;
}
.responsive-tabs-wrapper:after {
    clear: both;
}

.responsive-tabs .responsive-tabs__heading:focus,
.responsive-tabs .responsive-tabs__list__item:focus {
	outline: none;
}

.responsive-tabs .responsive-tabs__heading--active:focus,
.responsive-tabs .responsive-tabs__list__item--active:focus {
	outline: none;
}

.responsive-tabs .responsive-tabs__list {
	margin: 0 0 40px 0;
	padding: 22px 0;
	font-size: 20px;
	font-weight: 200;
	background: #ed1d86;
	line-height: 1;
}

.responsive-tabs .responsive-tabs__list__item {
	margin: 0;
	padding: 20px 25px;
	background: #ed1d86;
	line-height: 1;
	color: #fff;
}

.responsive-tabs .responsive-tabs__list__item:hover {
	color: #fff;
}

.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
	background: #f49ac1;
}

.responsive-tabs .responsive-tabs__panel {

}
/* ------ Tabby responsive tabs start------ */
/**
* 0.0 table styles start
* ----------------------------------------------------------------------------
*/
table
{
width: 100%;
text-align: left;
border-collapse: collapse;
}
table th
{
font-size: 18px;
font-weight: normal;
padding: 10px;
background: #707070;
color: #fff;
.border-top: 4px solid #e1e1e1;
border-bottom: 1px solid #fff;

}
table td
{
padding: 10px;
background: #e1e1e1;
border-bottom: 1px solid #fff;
color: #111111;
border-top: 1px solid transparent;
width: 20%;
}
table tr:hover td
{
background: #f49ac1;
color: #000;
}

/**
* 0.0 table styles end
* ----------------------------------------------------------------------------
*/

/* Calendar styles start ---------------------------------------------- */
.type-tribe_events.tribe-events-photo-event .tribe-events-photo-event-wrap {
  border: 0;
  background: #494f58;
}
#tribe-events-content a{
  font-size: 1em;
  line-height: 1.2;
  padding-bottom: 20px;
  padding-right: 0;
  color: #ebebeb;
}
.tribe-events-loop .tribe-events-content {
  width: 60%;
  float: left;
  .margin-top: 20px;
  padding: 0 5% 0 0;
}
.tribe-events-photo .tribe-events-loop .type-tribe_events .tribe-events-event-meta {
  margin: 20px 0;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  padding: 10px;
  font-size: 1.5em;
}
.tribe-events-list .tribe-events-photo-event .tribe-events-event-details {
  float: none;
  padding: 15px;
  word-wrap: break-word;
  color: #ebebeb;
}
#tribe-events-content a:hover{
  color: #ed1d86;
}

/* Calendar styles end ---------------------------------------------- */
/* Forms, Archives, header treatment subpages start---------------------------------------------- */
#gform_submit_button_1{
    font-size: 20px;
    background: #ebebeb;
    color: #494f58;
    margin: 0;
}
#gform_submit_button_1:hover{
    font-size: 20px;
    background: #494f58;
    color: #ebebeb;
}
.contact{
    background:#f1f1f1;
    color: #333333;
    font-size: 30px;
    font-weight: 200;
    padding: 20px;
    border-bottom: 1px solid #ed1d86;
}
.subtitle{
    background:#f1f1f1;
    color: #333333;
    font-size: 30px;
    font-weight: 200;
    padding: 20px;
    border-bottom: 1px solid #ed1d86;
    margin-bottom: 20px;
}
.content-area{
    padding-top: 0;
    padding-bottom: 0;
}
.archive-imgs{
    margin: 20px 20px 20px 0;
}
.button, .button:visited,.button:hover, button, input[type="submit"], input[type="button"], input[type="reset"] {
    background: #ed1d86;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 11px 24px 10px;
    text-decoration: none;
}
/* Forms, Archives, header treatment subpages end---------------------------------------------- */
/* Support Prefooter start---------------------------------------------- */
.support .widget{
	width: 100%;
	margin: 0 auto;
	padding:1% 20%;
	position: relative;
	color: #000;
	font-weight: 200;
	font-size: 18px;
	background:#ebebeb;
  border-top: 1px solid #ed1d86;
}
/* Support Prefooter end---------------------------------------------- */
/* Prefooter start---------------------------------------------- */
.prefooter .widget{
  width: 100%;
  min-height: 300px;
  margin: 0 auto;
  background: url(images/wild_oliva.png) repeat;
  background-color: none;
  border-top: 3px solid #ed1d86;
  padding: 1% 20%;
  color: #fff;
}
.prefooter .widget a{
  color: #ed1d86;
}
/* Prefooter end---------------------------------------------- */
/* Start media queries---------------------------------------------- */
@media (max-width: 980px)
  {
    .fa-youtube-play{

      font-size: 50px;
      left: 65%;
      opacity: 0.8;
      position: absolute;
      right: 0;
      text-align: center;
      top: 10%;
      color: #ed1d86;
    }
    #tribe-events-adv-list-widget-2{
      width:100%;
      margin: 5% auto;
      clear: both;
    }

    .feed{
      width:100%;
      margin: 10% auto;
      clear: both;

    }
    .menu-toggle{
      padding: 0;
    }
    .one_third{
      clear: both;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 1em;
    }
    .header-image-guide {
      display: block;
      margin: 0 auto;
      width: 100%;
      max-width: 1700px;
      height: 50px;
      max-height: 50px;
      overflow: hidden;
     }
}
@media (max-width: 640px)
  {
    .responsive-tabs .responsive-tabs__list {
			display: none;
		}

		.responsive-tabs .responsive-tabs__heading {
			display: block;
			cursor: pointer;
		}

		.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
			display: none;
		}

		.responsive-tabs-wrapper {

		}

		.responsive-tabs .responsive-tabs__heading {
			padding: 15px 20px;
			margin: 5px 0 0 0;
			position: relative;
			font-size: 18px;
			font-weight: 400;
			background: #f8f8f8;
			line-height: 1.5;
		}

		.responsive-tabs .responsive-tabs__heading:after {
			float: right;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font: normal 30px/1 FontAwesome;
			vertical-align: top;
			content: '\f067';
			color: #ccc;
		}

		.responsive-tabs .responsive-tabs__heading:hover {
			background: #f2f2f2;
		}

		.responsive-tabs .responsive-tabs__heading--active,
		.responsive-tabs .responsive-tabs__heading--active:hover {
			background: #bc5d1b;
			color: #fff;
		}

		.responsive-tabs .responsive-tabs__heading--active:after {
			content: '\f068';
			color: #fff;
		}

		.responsive-tabs .responsive-tabs__panel {
			margin: 0;
			padding: 20px;
			background: #f8f8f8;
		}

    .header-background{
      height: 60px;
      background: url(images/stardust.png) repeat;
      background-color: none;

    }
    .navbar{
      background-color: #000;
    }
    .navbar .fa{
      display: none;
    }
    .nav-menu li a {
      color: #fff;
      display: block;
      font-size: 14px;
      line-height: 1;
      padding: 8px 20px;
      text-decoration: none;
    }
    .nav-menu li a:hover {
      background: none;
      border-top: 2px solid #fff;
    }
    .main-navigation {
      min-height: 40px;
    }
    .site-branding h2 img{
      width: 120px;
      height:51px;
    }
    .site-branding h1 {
      display: block;
      position: absolute;
      background-image: url(images/rev_logo.png) !important;
      background-repeat: no-repeat;
      background-position: top right;
      width: 100px;
      height: 30px;
      margin: 0;
      padding: 0;
      bottom: 15px;
      right: 15px;
    }
.front-page-banner .metaslider .flex-direction-nav .flex-next {
    	right: 5%;
      width: 0;
      height:0;
    	border-top: 10px solid transparent;
    	border-bottom: 10px solid transparent;
    	border-left: 10px solid #fff;
    }
.front-page-banner .metaslider .flex-direction-nav .flex-prev {
    	left: 5%;
      width: 0;
      height:0;
    	border-top: 10px solid transparent;
    	border-bottom: 10px solid transparent;
    	border-right: 10px solid #fff;
    }
}
  @media (max-width: 540px)
  {
    .front-page-banner .metaslider .flex-direction-nav .flex-next {
        	right: 5%;
          width: 0;
          height:0;
        	border-top: 10px solid transparent;
        	border-bottom: 10px solid transparent;
        	border-left: 10px solid #fff;
        }
    .front-page-banner .metaslider .flex-direction-nav .flex-prev {
        	left: 5%;
          width: 0;
          height:0;
        	border-top: 2px solid transparent;
        	border-bottom: 2px solid transparent;
        	border-right: 2px solid #fff;
        }
    .front-page-banner .metaslider .caption-wrap {
       font-size: 12px;
       line-height: 1em;
       color: #ebebeb;
}    .metaslider .caption {
       padding: 1% 35% 1%;
       word-wrap: break-word;
}
  }
/* End media queries---------------------------------------------- */