/*
Theme Name:     UWM Web Identity Child Theme Template for Panther Families
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. */


/**
 * 0.0 Banners start
 * ----------------------------------------------------------------------------
 */

 .front-page-banner,

.landing-header-wrap{
	margin-top: 2px;
	width: 100%;
	background: url(images/bg-gray.png) repeat #f8f8f8;
	border-bottom: 1px solid #d5d5d5;
}

.front-page-banner .widget {
	max-width: 970px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
.widget_metaslider_widget .widget-title {
	display: none;
}

.page .flexslider {
	margin-bottom: 0;
}

.front-page-banner .metaslider .caption-wrap {
	bottom: 10%;
	left: 2px;
	right: auto;
	width: 400px;
	position: absolute;
	background: white;
	opacity: 0.9;
	color: #000;
	line-height: 1.4em;
	font-size: 14px;
	padding: 20px;
	border: solid 2px #ffbd00;
}

.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;
	border: solid 5px #fff;
}

.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: #ffbd00;
}

.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;
}
/**
 * 0.0 Banners end
 * ----------------------------------------------------------------------------
 */
/**
 * 0.0 Spotlight widget start
 * ----------------------------------------------------------------------------
 */
 .one_fourth{
   width: inherit;
 }
 .spotlight,
 .background{

	 background-color:#fff8e5;
	 .border-bottom: 2px solid #ffeebf;
   width: 100%;

 }
 .spotlight .widget {
  max-width: 970px;
 	margin: 0 auto;
 	padding: 50px 0;

}
.spotlight img{
	 border: 3px solid #e1e1e1;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -ms-border-radius: 10px;
	 border-radius: 5px;
   margin-left: 20px;

 }
 .spotlight .wp-caption-text{
   margin: 10px;
   line-height: 1.3;
   color: #494f58;
   font-size: 16px;
   font-style: normal;
   font-weight: 250;
   margin-left: 38px;
   text-align:center;

 }

 /**
 * 0.0 Spotlight widget end
 * ----------------------------------------------------------------------------
 */
 /**
 * 0.0 Second spotlight start
 * ----------------------------------------------------------------------------
 */
 .spotlight_two .widget{
	 border: 3px solid #d06f3b;
	 padding: 20px;
	 width: 90%;
	 margin: 0 auto;
 }
 .spotlight_two img{
	 border: 2px solid #e1e1e1;
	 border-radius: 5px;

 }
/**
 * 0.0 Second spotlight end
 * ----------------------------------------------------------------------------
 */
 /*News page start -----------------------------------------*/
#search-2{
  width: 100%;
  margin-bottom: 0;
  padding:2% 10% 0 20%;
  border-bottom: 2px solid #333333;
}
.content-area .search-form{
  margin-bottom: 0;
}
#tag_cloud-2{
  float: left;
  width: 100%;
  border: 2px solid #333333;
  padding: 20px;
  color: #555555;
  margin-right: 5%;
  -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 0;
}
#submit{

}
.tagcloud a{
  color: #555555;
  }
.tagcloud a:hover{
    color: #555555 !important;
    font-size: 18px !important;
    padding: 5px !important;
    background: #e1e1e1 !important;
    }


/* PROMO NOTICE */
.promo-alert {
  border: 1px solid #e5e5e5;
  border-top: 4px solid #ffbd00;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 20px 20px 20px;
  box-shadow: 0 3px 5px rgba(0,0,0,.25);
  margin-top:40px;
}

.promo-alert h2 {
  margin-bottom: 10px;
}
.promo-alert {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.uwm-c-button, a.uwm-c-button {
  display: inline-block;
  font-size: .8rem;
  font-weight: 600;
  padding: 14px 24px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #404040;
  border-width: 2px;
  border-style: solid;
  background-color: #ffbd00;
  border-color: #ffbd00;
  text-shadow: none;
  margin-bottom: 20px;
}

.uwm-c-button:hover, a.uwm-c-button:hover {
  background: #ffd14d;
  border-color: #ffd14d;
  text-decoration: none !important;
}

.uwm-c-button:visited, a.uwm-c-button:visited {
  color: #404040;
}

@media screen and (max-width:991px) {
  .promo-alert img {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}


 /*News page start -----------------------------------------*/
  /**
  * 0.0 events calendar list widget styles start
  * ----------------------------------------------------------------------------
  */
.widget.tribe-events-adv-list-widget{
  background: #ebebeb;
  color: #333333;

 }
 .tribe-mini-calendar-event {
  overflow: hidden;
  width: 100%;
  padding: 0 10px 10px;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #d06f3b;
  font-size: 14px;
}
.list-date{
  display: none;
}
h2.entry-title.summary{
  border-bottom: none;
  margin-bottom: 0;
  font-size: 14px;
}

.widget.tribe-events-adv-list-widget h2{
  font-size: 14px;
  color: #333333;
}
.widget.tribe-events-adv-list-widget h3{
  background: #333333;
  width: auto;
  padding: 10px;
  color: #fff;

}
.widget.tribe-events-adv-list-widget h3:before{
    font: 24px/1 FontAwesome;
    color: #fff;
    padding-right: 15px;
    float: left;
    content: '\f133';

}
p.tribe-events-widget-link{
  padding: 10px;
  color: #494f58;
}
p.tribe-events-widget-link a{
  color: #494f58;
}
/*
 /**
 * 0.0 events calendar list widget styles end
 * ----------------------------------------------------------------------------
 */
 /*
  /**
  * 0.0 Panther family news widget custom styles start
  * ----------------------------------------------------------------------------
  */
  .panther_family_news h3.widget-title{
    color: #fff;
    padding: 10px;
    width: 260px,
    height: 24px;
    background: #333333;
  }
  .panther_family_news h3.widget-title {
    color: #fff;
    padding: 10px;
    width: 260px,
    height: 24px;
    background: #333333;
  }
  .panther_family_news h3:before{
      font: 24px/1 FontAwesome;
      color: #fff;
      padding-right:15px;
      float: left;
      content: '\f0c0';

  }
  .panther_family_news h4.entry-title{
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 0.5em;
    font-size: 14px;
  }
  .panther_family_news article.post{
    margin-bottom: 0.5em;
    border-bottom: 2px solid #ffbd00;
    font-size: 14px;
  }

  /**
  * 0.0 Panther family news widget custom styles end
  * ----------------------------------------------------------------------------
  */
  /**
  * 0.0 UWM headlines widget custom styles start
  * ----------------------------------------------------------------------------
  */
  .uwm_headlines h3.widget-title{
    color: #fff;
    padding: 10px;
    width: 260px,
    height: 24px;
    background: #333333;
  }
  .uwm_headlines h3:before{
      font: 24px/1 FontAwesome;
      color: #fff;
      padding-right:15px;
      float: left;
      content: '\f0a1';

  }
  .uwm_headlines h4.entry-title{
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 0.5em;
    font-size: 14px;
  }
  .uwm_headlines article.post{
    margin-bottom: 0.5em;
    border-bottom: 2px solid #ffbd00;
    font-size: 14px;
  }

  /**
  * 0.0 UWM headlines widget custom styles end
  * ----------------------------------------------------------------------------
  */
  /**
  * 0.0 UWM RSS feed start
  * ----------------------------------------------------------------------------
  */
  .widget_rss h3.widget-title{
    color: #fff;
    padding: 10px;
    width: 260px,
    height: 24px;
    background: #333333;
  }
  .widget_rss h3.widget-title a{
    color: #fff;
  }
  .widget_rss h3.widget-title a img{
    display:none;
  }
  .widget_rss h3:before{
      font: 24px/1 FontAwesome;
      color: #fff;
      padding-right:15px;
      float: left;
      content: '\f0a1';
}
li .rsswidget{
    border-bottom: 2px solid #ffbd00;
    font-size: 14px;
    color:#333333;
    font-weight: bold;
    text-align: left;
    word-wrap: break-word;
    display: inline-block;
    padding: 3% 0;
    width: 100%;

  }
/**
  * 0.0 UWM RSS feed end
  * ----------------------------------------------------------------------------
  */
  /**
  * 0.0 styles for family guide page start
  * ----------------------------------------------------------------------------
  */
  .entry-header,
  .guide{
    display: none;
  }
  .family{
    background:#f1f1f1;
    color: #333333;
    font-size: 30px;
    font-weight: 200;
    padding: 20px;
    border-bottom: 1px solid #ccc;
  }
  .header-image-guide{
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1700px;
  height: 300px;
  max-height: 300px;
  overflow: hidden;
  }

  /**
  * 0.0 styles for family guide page end
  * ----------------------------------------------------------------------------
  */
  /**
  * 0.0 news page styles start
  * ----------------------------------------------------------------------------
  */
  .news{
    color: #fff;
    padding: 10px;
    width: 260px,
    height: 24px;
    background: #333333;
  }
  .news h3{
    border-bottom: 5px solid #ffbd00;

  }
.news h4 a{
    color: #fff;

  }
  #post-2{
    margin: 0;
    padding: 0;
  }
  .widget-title a{
    color: #fff;
  }


  /**
  * 0.0 news page styles end
  * ----------------------------------------------------------------------------
  */
  /**
  * 0.0 collapseomatic custom styles start
  * ----------------------------------------------------------------------------
  */
  .collapseomatic {
    font-size: 20px;
    font-weight: 200;
    background: #fff;
    padding: 20px 20px 20px 60px;
    margin: 0;
    border-bottom: 1px solid #ccc;
  }
  .collapseomatic:hover {
  	text-decoration: none;
  	background: #f8f8f8;
  }

  .collapseomatic:before {
  	position: absolute;
      left: 40px;
  	-webkit-font-smoothing: antialiased;
  	display: inline-block;
  	font: normal 30px/1 FontAwesome;
  	vertical-align: top;
  	padding:0;
  	content: '\f138';
  	color: #fc0;
  }

  .collapseomatic_content .collapseomatic {
  	border: 1px solid #e5e5e5;
  }

  .collapseomatic_content .collapseomatic:before {
  	left: 60px;
  }

  .colomat-close,
  .colomat-close:hover {
  	background: #333;
  	color: #fff;
  }

  .colomat-close:before {
  	content: '\f13a';
  	color: #fc0;
  }

  .collapseomatic_content {
  	margin: 0;
  	padding: 30px 20px;
  	background: #f8f8f8;
  	border-bottom: 1px solid #ccc;
  }

  .collapseomatic_content .collapseomatic_content {
  	border-bottom: 1px solid #f8f8f8;
  }
  /**
  * 0.0 collapseomatic custom styles end
  * ----------------------------------------------------------------------------
  */
  /**
  * 0.0 family weekend page styles start
  * ----------------------------------------------------------------------------
  */
  .metaslider-weekend{
    float: right;
  }
.lodging-one{
  float: right;
  margin: 0 0 10px 10px;
}
.lodging-two{
  float: left;
  margin: 0 20px 0 0;
  padding-right: 30px;
}
  .family-heading{
    color: #333333;
    font-size:40px;
    font-weight: 200;
    border-bottom: 1px solid #ccc;
    margin: 0 0 5px 0;
    float: left;
  }
  .family-subheading{
    clear: left;
    color: #333333;
    font-size:20px;
    font-weight: 200;

  }

.button-first{
  background: #fff;
  width: 200px;
  height: 80px;
  color: #333333;
  font-size:20px;
  font-weight: 200;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin:20px 33px 20px 0;
  float: left;
  clear: right;
  padding: 20px;
  }
  .button-first:visited{
  background: #c2c0b8;
  color: #fff;

  }
  .button-first:hover{
  background: #c2c0b8;
  color: #fff;

  }
  .button-first:active{
  background: #c2c0b8;
  color: #fff;

  }
#registration:target{
  background: #707070;
  color: #fff;

  }

#lodging:target{
    background: #707070;
    color: #fff;

    }
#panther-family-weekend-events:target{
        background: #707070;
        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;
    margin:20px 33px 20px 20px;
    float: left;
    clear: right;
    padding: 20px;
    }
    .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;
    margin:20px 33px 20px 20px;
    float: left;
    clear: right;
    padding: 20px;
  }
  .button-third:visited{
  background: #c2c0b8;
  color: #fff;

  }
  .button-third:hover{
  background: #c2c0b8;
  color: #fff;

  }
  .button-third:active{
  background: #c2c0b8;
  color: #fff;

  }
  .button-last{
    background: #fff;
    width: 200px;
    height: 80px;
    color: #333333;
    font-size:20px;
    font-weight: 200;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin:20px 0 20px 20px;
    float: left;
    clear: right;
    padding: 20px;

  }
  .button-last:visited{
  background: #c2c0b8;
  color: #fff;

  }
  .button-last:hover{
  background: #c2c0b8;
  color: #fff;

  }
  .button-last:active{
  background: #c2c0b8;
  color: #fff;

  }



  /**
  * 0.0 family weekend page styles end
  * ----------------------------------------------------------------------------
  */
  /**
  * 0.0 form styles start
  * ----------------------------------------------------------------------------
  */
.gform_wrapper{
  border: 1px solid #fff8e5;
  padding: 20px;
  background:#e1e1e1;
  margin: 0 !important;
}
.gform_heading{
  border-bottom: 5px solid #fff8e5;
}
.gform_confirmation_message{
  background-color:#fff8e5 !important;
  border: 2px solid #f8dc8b !important;
  margin:0 !important;
}
  /**
  * 0.0 form styles end
  * ----------------------------------------------------------------------------
  */
  /**
  * 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: #fff8e5;
	color: #555555;
}

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

  /**
  * 0.0 Expand collapse area for family weekend start
  * ----------------------------------------------------------------------------
  */

  @media (max-width: 980px)
  {
  #primary .onthispage-nav {
    display: none;
  }
  .header-image-guide{
  max-height: 100px;
  }
  .family-heading{
    clear: left;
    margin-left: 10px;
  }
  .family-subheading{
    margin-left: 10px;
    margin-bottom: 20px;
  }
  .metaslider-weekend{
    margin: 0 auto;
  }
  .button-first{
  background: #fff;
  width: 80%;
  height: 80px;
  color: #333333;
  font-size:20px;
  font-weight: 200;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin:2% 10%;
  padding: 20px;
  }
  .button-second{
    background: #fff;
    width: 80%;
    height: 80px;
    color: #333333;
    font-size:20px;
    font-weight: 200;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin:2% 10%;
    padding: 20px;
    }
  .button-third{
    background: #fff;
    width: 80%;
    height: 80px;
    color: #333333;
    font-size:20px;
    font-weight: 200;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin:2% 10%;
    padding: 20px;
  }
  .button-last{
    background: #fff;
    width: 80%;
    height: 80px;
    color: #333333;
    font-size:20px;
    font-weight: 200;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin:2% 10%;
    padding: 20px;

  }
  .one_fourth {
    width: inherit;
  }
}
@media (max-width: 878px)
{
  .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
    max-width: none;
    margin: 0 auto;
  }
#primary .onthispage-nav {
  display: none;
}
#wrapper{
  margin:0 auto;
}
.header-image-guide{
max-height: 100px;
}
.family-heading{
  margin-left: 10px;
}
.family-subheading{
  margin-left: 10px;
}
.metaslider-weekend{
  display: none;
}
.lodging-one{
  display: none;
}
.lodging-two{
  display: none;
}
.button-first{
background: #fff;
width: 80%;
height: 80px;
color: #333333;
font-size:20px;
font-weight: 200;
text-align: center;
border-bottom: 1px solid #ccc;
margin:2% 10%;
padding: 20px;
}
.button-second{
  background: #fff;
  width: 80%;
  height: 80px;
  color: #333333;
  font-size:20px;
  font-weight: 200;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin:2% 10%;
  padding: 20px;
  }
.button-third{
  background: #fff;
  width: 80%;
  height: 80px;
  color: #333333;
  font-size:20px;
  font-weight: 200;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin:2% 10%;
  padding: 20px;
}
.button-last{
  background: #fff;
  width: 80%;
  height: 80px;
  color: #333333;
  font-size:20px;
  font-weight: 200;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin:2% 10%;
  padding: 20px;

}
.spotlight .one_fourth{
  display: inline-block;
  margin: 5% 15% 5% 5%;

}

.spotlight .wp-caption-text{
  margin: 5% 20% 5% 5%;
}

.front-page-banner .metaslider .caption-wrap {
  display: none;
}
.front-page-banner .metaslider .flex-direction-nav .flex-next {
	right: 1%;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #fff;
}

.front-page-banner .metaslider .flex-direction-nav .flex-prev {
	left: 1%;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #fff;
}
.one_fourth {
  width: inherit;
}
}
@media (max-width: 768px)
{
  .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
    max-width: none;
    margin: 0 auto;
  }
.spotlight .one_fourth{
  display: inline-block;
  margin: 2% 10% 2% 2%;

}
.one_fourth {
  width: inherit;
}
.spotlight .wp-caption-text{
  margin: 2% 10% 2% 2%;
}
.spotlight img{
	 border: 3px solid #e1e1e1;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -ms-border-radius: 5px;
	 border-radius: 5px;
   margin-left: 20px;

 }

}
/**
* 0.0 media queries custom styles end
* ----------------------------------------------------------------------------
*/