@charset "utf-8";

/* CSS Document */

/*

Theme Name: WON

Theme URI: http://womensoutdoornews.com

Author: Wes Denham Powehousegrafix Multimedia

Author URI: www.powerhousegrafix.com

Description: The WON theme custom development using Googles Material Design concept. Moble friendly design that works on cross platforms. Includes abilities to utilize right and left side navigation menus that are draggable with the use of mobile devices. Contentd allows for one two and 3 column pages with fixed headers, animations and other features.

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

Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: phgwon

*/


.mdi-parlor {
	background-image:url('img/parler-logo-grey.png');
	background-repeat:no-repeat;
	background-size: contain;
	background-position:left center;
	width:25px;
	margin-right:5px;
}
.mdi-parlor:before{
	content:' ';
}
.mdi-rumble {
	background-image:url('img/rumble-logo-grey.png');
	background-repeat:no-repeat;
	background-size: contain;
	background-position:center;
	width:25px;
	margin-right:5px;
}
.close-btn{
	cursor: pointer;
}
.ig-image-box{
	width: 580px !important;
	height: 580px !important;
	margin: 20px 0px 0px 20px;
	outline: 1px solid white;
	outline-offset: -4px
}
@media(max-width:777px){
	.ig-image-box{
		width: 320px !important;
		height: 320px !important;
	}
}
@media(max-width:448px){
	.ig-image-box{
		width: 300px !important;
		height: 300px !important;
	}
}
a.carousel-prev{
  position:absolute;
  left:0;
  height:100%;
  z-index:1000;
  opacity:0.8;
  cursor:pointer;
	color:black;
}
a.carousel-next{
  position:absolute;
  right:0px;
  height:100%;
  z-index:1000;
  opacity:0.8;
  cursor:pointer;
	color: black;
}
.top-ad{display:none;}
.wp-caption-text{font-style:italic;font-size:14px ;color:#999;}

.container {

  margin: 0 auto;

  max-width: 1480px;

  width: 90%;

}

@media only screen and (min-width: 601px){
	.container {

    width: 90%;
	}

}

	@media only screen and (min-width: 993px){

  .container {

    width: 88%;

	}
}

.col{padding:0 3% !important;}


#sidebar.col{padding:0 !important;}

.ad-728x90{max-width:960px;}

.z-depth-0 {

  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);

  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);

  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0);

}

.card a{posistion:relative;display:block !important;}

.card-bottom{position:absolute;bottom:0;width:100%; padding:5px 20px;}

.card-content{padding-bottom:35px !important;}

.card-author{padding-top:10px;font-size:12px;}

.card-date{padding-top:10px;font-size:12px;}

#hidden_seach{display:none;}

.show-on-desktop{diaspaly:table;}

.show-on-dektop a{

	display:table-cell;	

	padding-right:5px;

}

@media only screen and (min-width:1188px){#social-top{margin-top:10px;}}

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

#social-top{margin-top:-75px;}

}

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

#social-top{margin-top:0;}	

}

.navbar-fixed{width:100%;position:fixed;padding-top:35px;}

nav ul#top_menu{}

nav ul#top_menu li a{padding-top:12px;height:64px;}

/*nav ul a:hover, nav ul li.active, nav ul li a:hover{background-color:rgba(0,0,0,0);border-bottom:solid 2px #64dd17;margin-bottom:-10px;}*/

nav ul#top_menu a {padding:0 6px;font-size:12px;text-transform:uppercase;font-weight:700;}

#top_menu ul.dropdown-content{margin-top: 0px; height:auto !important;max-height:1280px;}

.dropdown-content li a{padding:14px 16px !important;}

 /* label color */

 

   .input-field label {

     color: #000 !important;

   }

   /* label focus color */

   .input-field input[type=text]:focus + label {

     color: #000 !important;

   }

   /* label underline focus color */

   .input-field input[type=text]:focus {

     border-bottom: 1px solid #000 !important;

     box-shadow: 0 1px 0 0 #000 !important;

   }

   /* valid color */

   .input-field input[type=text].valid {

     border-bottom: 1px solid #000 !important;

     box-shadow: 0 1px 0 0 #000 !important;

   }

   /* invalid color */

   .input-field input[type=text].invalid {

     border-bottom: 1px solid #000 !important;

     box-shadow: 0 1px 0 0 #000 !important;

   }

   /* icon prefix focus color */

   .input-field .prefix.active {

     color: #000 !important;

   }

.card-title{
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
	line-height: 1em !important;

	font-weight:900 !important;

	font-size:22px !important;

}
@media only screen and (min-width:894px) and (max-width:1330px){
	.card-title{
		 -webkit-line-clamp: 2;
		font-size: 16px !important;
		font-weight: 500 !important;
	}
	.col{
		padding: 1% !important;
	}
	
}
/*@media(max-width:992px){

	.card{

		margin-bottom:100px;	

	}	

}*/

div[class^="ad-"] img, div[class*=" ad-"] img{

	width:100% !important;height:100% !important; 

}

/*.card-title-information{

	position:absolute;

	background:white;

	text-align:center;

	width:90%;left:5%;bottom:-70px; 

	overflow:visible;

}

.items-container{margin-bottom:100px;}

.waves-effect{overflow:visible;}*/

.card-info{

	position:relative;

	bottom:0;

	text-align:center;

	text-transform:uppercase;

}

.card-desc{

	padding-top:10px;	

}

.card-info .bubble{

	width:50px;

	height:50px;

	background-color:#fff;

	border-radius:50%;

	padding:12px;

	margin-left:auto;margin-right:auto;

	margin-top:-20px;

}

.ad-340x660 img{	

	width:100%;

	height:auto;

}

#page-content img:not(.alignleft):not(.alignright):not(.avatar){

	width:100% !important;

	height:auto !important;	

}

img.circle{border:solid 1px #ccc !important;}

/*#page-content img.alignleft{

		

}*/

.footer-img{

	width:100%;

	height:auto;

	max-width:408px;	

}

#top_menu{

	margin-left:150px !important;

}



.brand-logo > img{

	margin-top:-20px;

	height:65px;width:auto;

	margin-left:10px;

}



.background img{

	opacity:.6;	

}

img.circle{

	width:100px!important;

	height:100px!important;

}

.card >a img{

	opacity:1;

	-webkit-transition: opacity 0.2s ease-in;

       -moz-transition: opacity 0.2s ease-in;

        -ms-transition: opacity 0.2s ease-in;

         -o-transition: opacity 0.2s ease-in;

            transition: opacity 0.2s ease-in;	

}

.card > a:hover img{

	opacity: .6;

}

a {

	word-wrap: break-word !important;

}

.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}
.videoWrapper video,
.videoWrapper object,

.videoWrapper embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

@media(max-width:600px){

	.brand-logo img{

		height:60px;

		width:auto;

		

	}

	#page-content h2{

		font-size:18px;	

	}

}

@media(max-width:991px){

	h1{

		font-size:24px !important;	

	}

}

#page-content .alignnone {

    margin: 5px 20px 20px 0;

}



#page-content .aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



#page-content .alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



#page-content .alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



#page-content a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



#page-content a img.alignnone {

    margin: 5px 20px 20px 0;

}



#page-content a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



#page-content a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



#page-content .wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



#page-content .wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



#page-content .wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



#page-content .wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



#page-content .wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



#page-content .wp-caption p.wp-caption-text {

    font-size: 14px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */

#page-content .screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

        white-space: nowrap;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



#page-content .screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/*.juiz_sps_links li{display:inline-block !important;margin:2px!important;border:solid 1px red;padding:10px 20px;}*/

.juiz_sps_links li span:nth-child(2){

	display:none;	

}

.juiz_sps_links p{font-style:italic;color:#c9c9c9;}


.avatar img{max-width:100px;max-height:100px;}

.avatar p,.avatar h3.title{margin-left:55px !important;}

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

	.avatar img{position:relative;clear:both;border:solid 1px red;}

	.autor-bio{clear:both !important;margin-top:25px;}

}

ul.collection > ul.children{

	margin-left:25px;

	border-bottom:solid 1px #eeeeee;	

}

#commentform{padding:2% !important;}
#page-content ul:not(.collection){
	padding-left:10px !important;
	margin-left:15px !important;
}
#page-content ul li:not(.collection-item){
	margin-left:10px;	
	list-style-type:square !important;
	padding-left:5px;	
}
@media(max-width:990px){
	#newsLetterModal.modal{
		max-height:99% !important;
	}
}
@media(min-width:991px){
#newsLetterModal.modal{
	max-width:40% !important;
	max-height:95%!important;
}
}
.af-form{
	width:100% !important;
}
.af-body{
	width:100% !important;
}
.af-element{
	width:100% !important;
	text-align:left !important;
	display:block;
	position:relative;
}
label.previewLabel{
	width:100%;
	color:#9f5200;
	font-weight:bold;
	font-size:18px;
	text-align:left !important;
}
.af-element:nth-child(n+4){
	text-align:center !important;
}