/* main menu */

/* http://stackoverflow.com/questions/25685227/how-to-display-user-profile-image-in-circle */
/*
<div class="circularCropping150 " style="background-image: url('http://placehold.it/350x750');">
</div>
*/

/* https://scotch.io/tutorials/default-sizes-for-twitter-bootstraps-media-queries */
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	#logo img {
		height: 90px;
		width: auto;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width: 991px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.directoryLargeFormGroup {
		width: 18%;
	}
	.directoryLargeFormGroup .directoryLargeFormInput {
		width: 100%;
	}
	/* shrink the logo slightly so it'll still fit in the nav area on smaller screens */
	/*
	#logo img {
		height: auto;
		width: 170px;
		
	}
	*/
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
	#logo img {
		height: auto;
		width: 165px;
		padding-top:10px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#logo img {
		height: 90px;
		width: auto;
	}
}


.bold {
	font-weight: bold;
}

.pinterestCategoryLinks {
	text-transform: uppercase;
	font-size: 12px;
	
}
.button.themeColored {
	margin-top:0;
}

.icon-box.center .icon {
	margin: 0 auto 2px;
}

.icon-box.disabled {
	border: 1px solid silver;
}

.mbIconBox .icon span.label {
	position: relative;
	top: 35px;
	left: -12px;
}
.mbIconBox.clickable:hover {
	/* background-color: #f6f6f6; */
	background-color: white; /* changed on 2016-10-17 by Berding because I think it looks better */
}

.post-comments {
	/* white-space: nowrap; */
}
.icon-box.disabled .icon a, 
.icon-box.disabled .icon i,
.icon-box.disabled h3
 {
	color: silver;
}

.larger24 {
	font-size: 24px;
	line-height: 36px;
}
.circularCropping150 {
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

}

.circularCropping250 {
  display: inline-block;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

}

.squareCropping250 {
  display: inline-block;
  width: 250px;
  height: 250px;
  /* border-radius: 50%; */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.responsiveImage {
	width: 100%; /* 100%; */
	max-width: 500px;
	/*
	height: 100%;
	max-height: 300px;
	*/
}
.paddBottom20 {
	padding-bottom: 20px;
}

.g-recaptcha div {
	margin-left: auto;
	margin-right: auto;
}

.g-recaptcha.captchaLeft div {
	margin-left: 0;
	margin-right: 0;
}

.specialsFeaturedImageFloat {
	max-width: 400px; /* 100%; */
	max-height: 300px; /* 100%; */
	float:left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.specialsFeaturedImageNoFloat {
	max-width: 100%; /* 100%; */
	max-height: 100%; /* 100%; */
	padding-bottom: 20px;
}

#pinterestTabContentWrapper {
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
}
@media(max-width:767px) {
	.pinterestItem {
		padding:0;
	}
}
.pinterestTile {
	border-color: #e3e3e3;
    border-style: solid;
    border-width: 1px;
    /* padding: 10px; */
    margin: 5px;
}

#pinterestSearchDiv {
    position: -webkit-sticky;  // required for Safari
    position: sticky;
    top: 0; // required as well.
}

.pinterestTile .post-image {
	margin-bottom: 10px;
}

.pinterestTile .textDiv {
	padding: 10px;
}

.profile_image_on_bio {
	max-width:100%;
	padding-left:20%;
	padding-right:20%;
}
.breadcrumb {
	margin-top: 0;
}
.breadcrumb {
	color: #888;
}
#categorySelection {
	padding-bottom: 20px;
}

.footer-content .widget-title {
	margin-bottom:0;
}
.copyright-content {
	border-top: 1px solid #ddd;
}

/*
blockquote img {
	max-width: 100%;
	max-height: 100%;
}
*/

.clickable {
	cursor: pointer;
}

nav.main-menu li.basicLink > a {
    border-bottom: 0 none;
    border-radius: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    /* height: 88px; */
    line-height: 70px;
    margin-left: 0;
    margin-right: 0;
    outline: medium none;
    padding: 10px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}

nav.main-menu li.basicLink:hover > a,
nav.main-menu li.basicLink.selectedNavItem > a {
	text-decoration: underline !important;
}


#header.header-sticky nav.main-menu li.basicLink > a {
	line-height: 40px;
}
#header, #header-wrap {
	height: auto;
}
#header.header-sticky #header-wrap {
	/* overflow: hidden; */
	/* the line above was hiding the search bar... and the drop down menus! */
}
#header.header-sticky #header-wrap .header_search_bar {
	display:none;
}
.greyIconBox.border .icon i {
	color: #bfbfbf;
}
.greyIconBox.border .icon {
	border: 3px solid #bfbfbf;
}
.greyIconBox.effect .icon i:after {
	box-shadow: 0 0 0 3px #bfbfbf;
}
.threeColumnText {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    /* https://css-tricks.com/guide-responsive-friendly-css-columns/ */
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
}

.twoColumnText {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    /* https://css-tricks.com/guide-responsive-friendly-css-columns/ */
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
}

@media (max-width: 991px) {
	.main-menu ul li.basicLink a {
		height: 42px;
		outline: none;
		line-height: 22px;
	}
}

/* warning and notice dialogs */

.rm_notice, .rm_warning {
	font-size: 22px;
}

/* Layout Styles */

section {
	/* this was setup in the theme to be "80px 0" which was excessive. */
	padding: 30px 0;
}

.btn-5px-bottom-margin {
	margin-bottom: 5px;
}

.short-top-padding {
    padding-top: 40px;
}

#page-title.very-short-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}


/* Utility Classes */
.hidden {
    display: none;
}

/* Pricing Grid Styles */
.pricing-grid-mode {
    margin-bottom: 20px;
    margin-left: 0;
    display: table;
    width:100%;
}
.pricing-grid-mode > div {
    border: 1px solid #e3e3e3;
    cursor: pointer;
    vertical-align: top;
}

.pricing-grid-mode > div > div {
    width: 80%;
    margin: auto;
    padding-top: 20px;
}


/* Purchase Confirmation Styles */
#js-apply-promo {
    padding-top:14px;
    padding-bottom:15px;
}

.grid-item {
    width: 33.333%;
}
.grid-item {
    float: left;
}
/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}
.grid-item img {
	max-width:100%;
}

/* consumer.articles.view page styles */

.post-description img {
    padding: 20px;
}

/* Category Landing Page Styles */
.category-article-content * {
    color: black;
}
.heading.heading-no-decorate {
    padding-bottom: 0;
    margin-bottom: 0;
}

.heading.heading-no-decorate:after {
    border: none;
}

/* Royalslider Styles @url http://dimsemenov.com/plugins/royal-slider/documentation/ */

#full-width-slider {
    width: 100%;
    color: #000;
}
.royalSlider > .rsContent {
    visibility:hidden;
}
.infoBlock {
    position: absolute;
    top: 30px;
    right: 100px;
    left: 100px;
    max-width: 75%;
    padding-bottom: 0;
    /* background: rgba(255, 255, 255, 0.8); */ /* removed per Andy's request on 2016-07-13 */
    overflow: hidden;
    padding: 20px;
}
.infoBlock p {
    /* color: #111; */
    color: inherit;
    font-size: 16px;
    font-family: inherit;
    font-size: inherit;
    margin: 4px 0 0;
}
.infoBlock.mainHeading {
    color: #FFF;
    position: absolute;
    margin:auto;
    text-align:center;
}
.infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px;
}
.infoBlock a {
    color: blue;
    font-weight: bold;
    text-decoration: underline;
}
.photosBy {
    position: absolute;
    line-height: 24px;
    font-size: 12px;
    background: #FFF;
    color: #000;
    padding: 0px 10px;
    position: absolute;
    left: 12px;
    bottom: 12px;
    top: auto;
    border-radius: 2px;
    z-index: 25;
}
.photosBy a {
    color: #000;
}
.fullWidth {
    max-width: 100%;
    margin: 0 auto 0;
}

@media screen and (min-width:960px) and (min-height:660px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 520px !important;
    }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 300px !important;
    }
    .infoBlock {
        padding: 10px;
        height: auto;
        max-height: 100%;
        min-width: 40%;
        left: 5px;
        top: 5px;
        right: auto;
        font-size: 12px;
    }
    .infoBlock h3 {
        font-size: 14px;
        line-height: 17px;
    }
}
.text-nowrap {
	white-space: nowrap;
}

.league-night {
	font-family: 'league-night';
}

h3.league-night {
	font-family: 'league-night';
	font-size: 50px;
	font-weight: normal;
}

.post-item {
	float: none;
}


/** Generated by FG **/
@font-face {
	font-family: 'league-night';
	/* html/assets/ecl-polo/fonts/league-night/ufonts.com_house-a-rama-league-night.eot */
	/* src: url('/assets/ecl-polo/fonts/league-night/ufonts.com_house-a-rama-league-night.eot'); */
	src: url('/assets/ecl-polo/fonts/league-night/ufonts.com_house-a-rama-league-night.woff'); /* format('woff'), url('fonts/ufonts.com_house-a-rama-league-night.ttf') format('truetype'), url('fonts/ufonts.com_house-a-rama-league-night.svg') format('svg'); */
	font-weight: normal;
	font-style: normal;
}

.barBulletPoints {
	text-align: center;
}

@media screen and (max-width: 768px) {
	.barBulletPoints {
		text-align: left;
		padding-left: 20%;
	}
}