/******* COLORS ********
Yellow #ffb718
Orange #ff5000
Green #aaac06
Teal #3ab0c8
Red #e90031
Black #132313
Dark Gray #797978
Light Gray #d1d2d4
***********************/


/*********************/
/*                   */
/*      General      */
/*                   */
/*********************/

@font-face {
  font-family: 'HurmeGeometric';
  src: url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans3.eot');
  src: url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans3.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans3.woff') format('woff'), /* Pretty Modern Browsers */
    url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans3.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/wp-content/themes/tweddle-blog/_fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'HurmeGeometricBold';
  src: url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans4-Bold.eot');
  src: url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans4-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans4-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans4-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/wp-content/themes/tweddle-blog/_fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'HurmeGeometricLight';
  src: url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans4-Light.eot');
  src: url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans4-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans4-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('/wp-content/themes/tweddle-blog/_fonts/HurmeGeometricSans4-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/wp-content/themes/tweddle-blog/_fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body {
  font-family: HurmeGeometric;
}
a {
	color: black;
}
.wrapper {
	width: 100%;
	max-width: 1200px;
	padding: 0 4rem;
	margin: auto;
}
.spacer {
	margin-bottom: 5rem;
}
.blue-bar {
	height: .35rem;
	background: #3ab0c8;
}
.color-bar {
	height: .1rem;
	background: linear-gradient(90deg, rgba(233,0,49,1) 0%, rgba(233,0,49,1) 25%, rgba(255,183,24,1) 25%, rgba(255,183,24,1) 50%, rgba(170,172,6,1) 50%, rgba(170,172,6,1) 75%, rgba(58,176,200,1) 75%);
	margin-top: auto;
	margin-bottom: 1rem;
}
.cover-image {
  background: url("/wp-content/themes/tweddle-blog/_img/_cover-photos/cover-sample-image.jpg") no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* ***** General Media Queries ***** */

@media only screen and (max-width: 767px) {
	.wrapper {
		padding: 0 2rem;
	}
}



/*********************/
/*                   */
/*      Nav Bar      */
/*                   */
/*********************/

header {
	background: black;
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
	margin: auto;
}
.navbar {
	background: black;
	padding: 1.5rem 0;
}
.navbar h1 {
	font-family: HurmeGeometricBold;
	font-size: 1rem;
	text-transform: uppercase;
	margin: 0;
	display: inline;
}
.navbar a {
	color: white;
	text-decoration: none;
}
.navbar .links {
	text-align: center;
}
.navbar-nav {
	margin: auto
}
.navbar-nav li {
	margin-right: 3rem;
}
.navbar-nav li:first-child {
	margin-left: 3rem;
}
.navbar .logo {
	width: 8rem;
}
.navbar-toggler {
	padding: 0;
	margin-right: 1rem;
	position:relative;
	z-index:99999 !important;
}
.navbar-toggler i {
	color: white;
}
.search {
	text-align: end;
	margin-top: 1rem;
}
.search .search-icon {
	margin: -1.75rem;
}
.search input#input {
	width: 20rem;
	background: none;
	border: none;
	border-bottom: 1px solid #797978 !important;
	padding-left: 2rem;
	padding-bottom: .25rem;
}
#searchsubmit, #sidebar {display: none !important;}

/* ***** Nav Bar Media Queries ***** */

@media only screen and (max-width: 767px) {
	.navbar li:first-child {
		margin: 1rem 0 .75rem;
	}
	.navbar li {
		margin: 0 0 .75rem;
	}
	.navbar li:last-child {
		margin-bottom: 0;
	}
	.navbar .logo {
		margin-left: auto;
	}
	.search input {
		width: 100%;
	}
}



#searchform {

	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-top: 20px;
}

#searchform input {
	border: none;
	border-bottom: 1px solid #000;
	position: relative;
	left: -20px;
	background: transparent;
	padding-left: 25px;
}
#searchform input:focus{
    outline: none;
	background:transparent;
}
.search-form.wrapper{
	text-align: right !important;
}



/*********************/
/*                   */
/*       Footer      */
/*                   */
/*********************/

.footer {
	color: white;
	background: black;
	padding: 4rem 0;
}
.footer a {
	color: white;
}
.footer .logo {
	width: 8rem;
	min-width: 6rem;
}
.footer .blue-bar {
	height: .05rem;
	margin: 2rem 0;
}
.footer .social-icons img {
	width: 2.5rem;
	margin-left: 1rem;
}
.footer small a {
	margin-left: 2rem;
}
.footer .logo, .footer nav.wrapper a  {
	margin-right: 30px;
}

/* ***** Footer Media Queries ***** */

@media only screen and (max-width: 767px) {
	.footer {
		padding: 3rem 0;
	}
	.footer .logo {
		margin-bottom: .75rem;
	}
	.footer a {
		margin-bottom: .75rem;
	}
	.footer a:last-child {
		margin-bottom: 0;
	}
	.footer .social-icons img {
		margin-bottom: 1.5rem;
	}
	.footer .social-icons a:first-child img {
		margin-left: 0;
	}
	.footer .logo, .footer nav.wrapper a  {
	margin-right: 0;
	}
}



/*********************/
/*                   */
/*     Featured /    */
/*     Recent        */
/*     Articles      */
/*                   */
/*********************/

.featured-articles,
.recent-articles {
	padding: 1rem 0 3rem 0;
}
.featured-articles .category,
.recent-articles .category {
	font-family: HurmeGeometricBold;
	font-size: .8rem;
	color: #3ab0c8;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 1rem;
}
.featured-articles h1,
.recent-articles h1 {
	font-family: HurmeGeometricBold;
	font-size: 1.2rem;
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.featured-articles h2,
.recent-articles h2 {
	font-family: HurmeGeometricBold;
}
.featured-articles p,
.recent-articles p,
.featured-articles .author,
.recent-articles .author,
.featured-articles .date,
.recent-articles .date,
.featured-articles .share a,
.recent-articles .share a {
	color: #797978;
}
.featured-articles .author-pic,
.recent-articles .author-pic {
	width: 5rem;;
	padding-right: .8rem;
}
.featured-articles .share,
.recent-articles .share{
	margin-top: .5rem;
}
.featured-articles .share a,
.recent-articles .share a{
	margin-left: 1rem;
}
.featured-articles .share a:first-child,
.recent-articles .share a:first-child {
	margin-left: 0;
}

/* ***** Featured Articles ("Big Card" Specific) ***** */

.featured-big-card {
	min-height: 20rem;
	max-height: 30rem;
	background: white;
	border: 1px black solid;
	filter: drop-shadow(.3rem .3rem .5rem rgba(0,0,0,.3));
	-webkit-filter: drop-shadow(.3 .3rem .5rem rgba(0,0,0,.3));
	margin-bottom: 3rem;
}
.featured-big-card .content {
	padding: 1.5rem 3rem;
}

/* ***** Featured Articles ("Small Card" Specific) ***** */

.featured-small-cards-carousel .chevron {
	color: #797978;
	cursor: pointer;
}
.featured-small-cards-carousel .chevron:hover{
	color: black;
}

.featured-small-cards-group {
	margin: 0 .5rem;
}
.featured-small-cards-group .featured-small-card-and-header {
	padding: 0 .5rem;
}
.featured-small-card {
	height: 40rem;
	background: white;
	border: 1px black solid;
}
.featured-small-card .cover-image {
	height: 35%;
}
.featured-small-card .content {
	height: 65%;
	padding: 1rem;
	overflow: hidden;
}

/* ***** Carousel styling ***** */
.featured-small-cards-carousel > .carousel-control {
	margin:auto;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
	transform: translateX(25%);
}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
	transform: translateX(-25%);
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
	transform: translateX(0);
}

@media (min-width: 991px) {

	/* show 3 items */
	.carousel-inner .active,
	.carousel-inner .active + .carousel-item,
	.carousel-inner .active + .carousel-item + .carousel-item {
		display: block;	
	}

	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
	.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
		transition: none;
	}

	.carousel-inner .carousel-item-next,
	.carousel-inner .carousel-item-prev {
		position: relative;
		transform: translate3d(0, 0, 0);
	}

	.carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
		position: absolute;
		top: 0;
		right: -33.3333%;
		z-index: -1;
		display: block;
		visibility: visible;
	}

	/* left or forward direction */
	.active.carousel-item-left + .carousel-item-next.carousel-item-left,
	.carousel-item-next.carousel-item-left + .carousel-item,
	.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
	.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	/* farthest right hidden item must be abso position for animations */
	.carousel-inner .carousel-item-prev.carousel-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible;
	}

	/* right or prev direction */
	.active.carousel-item-right + .carousel-item-prev.carousel-item-right,
	.carousel-item-prev.carousel-item-right + .carousel-item,
	.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
	.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}

/* ***** Featured Articles Media Queries ***** */

@media only screen and (max-width: 767px) {
	.featured-big-card {
		max-height: 50rem;
		margin-bottom: 1rem;
	}
	.featured-articles .cover-image {
		height: 15rem;
	}
	.featured-big-card .content {
		padding: 1.5rem;
	}
}

/* ***** Recent Articles ***** */

.recent-articles {
	background: #fafafa;
}
.recent-articles .recent-card-padding {
	margin-bottom: 1.25rem;
}
.recent-articles .recent-card-padding:nth-child(odd) {
	padding-right: .5rem;
}
.recent-articles .recent-card-padding:nth-child(even) {
	padding-left: .5rem;
}
.recent-card {
	height: 100%;
	background: white;
	border: 1px solid black;
	
}

.recent-card .content {
	max-height: 50rem;
	padding: 1rem;
}
.recent-articles .more {
	font-family: HurmeGeometricBold;
	text-align: center;
	text-transform: uppercase;
	margin-top: 2rem;
}
.recent-articles .more a {
	color: #797978;
	border: 1px solid #797978;
	padding: .5rem 2rem;;
}

/* ***** Recent Articles Media Queries ***** */

@media only screen and (max-width: 991px) {
	.recent-articles .recent-card-padding:nth-child(odd) {
		padding-right: 0;
	}
	.recent-articles .recent-card-padding:nth-child(even) {
		padding-left: 0;
	}
	.recent-card {
		height: auto;
		min-height: 20rem;
		max-height: 50rem;
		margin-bottom: 4rem;
	}
	.recent-card .content {
		height: auto;
	}
	.no-gutters>.col, .no-gutters>[class*=col-] {
		padding-right: 10px !important;
	}
}
@media only screen and (max-width: 767px) {
	.recent-card .cover-image {
		height: 15rem;
	}
}



/*********************/
/*                   */
/*      Article      */
/*                   */
/*********************/

.article {
	margin-top: 1.5rem;
}
.article p,
.article .author,
.article .date,
.article .share a {
	color: #797978;
}
.article .category {
	font-family: HurmeGeometricBold;
	font-size: .8rem;
	color: #3ab0c8;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 1rem;
}
.article h1 {
	font-family: HurmeGeometricBold;
	margin-bottom: 0;
}
.article .blurb {
	margin: 1.5rem 0;
}
.article .article-bottom-bg {
	background: #fafafa;
	padding-top: 1rem;
}
.article .author-date {
	margin-bottom: .5rem;
}
.article .author-pic {
	width: 5rem;;
	margin-right: 1rem;
}
.article .author {
	margin-right: 3rem;
}
.article .share {
	margin-bottom: .5rem;
}
.article .share a {
	margin-left: 1rem;
}
.article .share a:first-child {
	margin-left: 0;
}
.article .cover-image {
	height: 25rem;
}
.article .content {
	padding: 2rem 4rem;
}

/* ***** Article Media Queries ***** */

@media only screen and (max-width: 767px) {
	.article .cover-image {
		height: 15rem;
	}
	.article .content {
		padding-left: 0;
		padding-right: 0;
	}
}


/******************** ADDITIONAL CSS *******************/
.topbtn {width:40px;border-radius:20px;height:40px;text-align:center;font-size:40px;right:10px;position:absolute;}
.topbtn a, .topbtn a:hover {color:white;}

#termscont {
	/* margin:0 30px; */
	margin:0;
	padding: 2rem 4rem;
}



/******************** MEDIA QUERIES *******************/

/* ***** Nav Bar ***** */

@media only screen and (max-width: 767px) {
	.navbar li:first-child {
		margin: 1rem 0 .75rem;
	}
	.navbar li {
		margin: 0 0 .75rem;
	}
	.navbar li:last-child {
		margin-bottom: 0;
	}
	.navbar .logo {
		margin-left: auto;
	}
	.search input {
		width: 100%;
	}
	
} 

 @media only screen and (max-width: 600px) {
/*	.navbar li:first-child {
		margin: 1rem 0 .75rem;
	}
	.navbar li {
		margin: 0 0 .75rem;
	}
	.navbar li:last-child {
		margin-bottom: 0;
	}
	.navbar .logo {
		margin-left: auto;
	}
	.search input {
		width: 100%;
	}
	
	#searchform {
	margin-top: 40px;
    } */

#searchform input {
	border: none;
	border-bottom: 1px solid #000;
	position: relative;
	left: 0;
	background: transparent;
	padding-left: 25px;
    }
#searchform input:focus{
    outline: none;
	background:transparent;
    }
 .search-form.wrapper{
	text-align: center !important;
  }
/* .navbar-toggler {
	padding: 0;
	margin-right: 1rem;
	position:relative;
	z-index:99999 !important;
}
.navbar-toggler i {
	color: red !important;
}*/
	.navbar{display: none;}
	.mob-menu-header-holder {
		font-weight: bold;
		top: 0;
		right: 0;
		color: #000;
		display: block;
		z-index: 9999;
		padding: 30px 5px;
	}
	 
}