/*
Theme Name: EADesign
Description: Customized for any client
Author: Erik Almén
Template: jumpstart
*/

body {color:#222222;}
@media (max-width: 767px) {body {line-height:1.2;} h1 {font-size: 2.29rem;}}
.site-breadcrumbs, .site-inner {background:#ffffff;}

/** HEADER **/
.header-content .site-logo {float: right;}

/* MOBILE HEADER */
.tb-mobile-header {background-color: rgba(255,255,255,0);z-index: 9999;position: fixed;width: 100%;}
.tb-mobile-header .site-logo img {max-height: 36px;}
.home .mobile-nav > li > a {color: #fff;}
.tb-mobile-header > .wrap {float:right;padding:20px 20px 0 0;}
.tb-mobile-header {background: rgba(255,255,255,0.9);}

/* MENU */
.header-top-nav .tb-side-trigger .hamburger {width: 40px;height: 30px;}
.tb-side-panel.light .menu-btn {color:#000;}
.tb-side-panel .menu > li > .menu-btn {font-weight:700;}
.tb-side-panel .menu > li > .menu-btn:hover {border-bottom: 2px solid;
    -webkit-transition: border-width 0.2s ease-in-out;
    -moz-transition: border-width 0.2s ease-in-out;
    -o-transition: border-width 0.2s ease-in-out;
    transition: border-width 0.2s ease-in-out;
}
.tb-side-panel > .wrap {text-align:right;}
.tb-side-panel .menu>li {line-height: 3rem;}
.tb-side-panel li {font-size: 1.5rem;}
.tb-side-panel ul {float:right;}
.header-top-nav .tb-side-trigger.collapse .hamburger span {background-color:rgba(226,26,26,1)}

/* New menu */
#responsive-menu-container #responsive-menu-wrapper {margin-top:10%;}
#responsive-menu-container li.responsive-menu-item {font-weight:700;letter-spacing: 0.15rem;}
.svg-inline--fa.socialicons {width: 1.3em;}
#responsive-menu-additional-content {margin-top: 30px !important;}

/* MOBILE MENU */
.mobile-nav {display:none;}

/*.tb-mobile-panel .tb-mobile-menu>li {text-align:right;border-bottom:0px solid;}
.tb-mobile-panel .tb-mobile-menu > li > .menu-btn {font-size: 18px;font-weight: 700;}
.tb-mobile-menu > li > .menu-btn {padding:1em 1.4em;}
.tb-mobile-panel .panel-item {float:right;margin-top:30px;margin-right:24px;}
.tb-nav-trigger.collapse .hamburger span {background-color:rgba(226,26,26,1)}
*/

/* POST SLIDER */
.tb-simple-slider .slide-link {cursor:pointer;}
.tb-simple-slider .carousel-caption h3,.tb-simple-slider .carousel-caption p {text-shadow: 0 0 50px rgba(0,0,0,0.5);}
.tb-simple-slider .carousel-caption h3 {font-size:2.5rem;text-transform:uppercase;font-weight:300;letter-spacing:4px;}
@media (max-width: 767px) {.tb-simple-slider .carousel-caption h3 {font-size:1.5rem;}
.carousel-caption {left:3%;right:3%;}
}

/* STARTPAGE NEWS FEED */
.post_grid h3.title {text-align: left;padding-right: 10px;}
@media (min-width: 768px) {.post_grid h3.title {font-size: 2.29rem;}
.entry-content a:hover, .post_grid .post .entry-title a:hover {border-bottom:2px solid;color:#333;
	-webkit-transition: border-width 0.2s ease-in-out;
    -moz-transition: border-width 0.2s ease-in-out;
    -o-transition: border-width 0.2s ease-in-out;
    transition: border-width 0.2s ease-in-out;
}
}
.startpageinfo {text-align:left;line-height:1.2;font-weight:700;}

.post_grid .post .entry-title {font-size: 24px;text-align: center;font-weight: 700 !important;text-transform: uppercase;}
.post_grid .post .entry-content {text-align:center;}

@media (max-width:767px) {.post_grid .post .entry-title {font-size: 1rem;}
	.post_grid .post .entry-content {font-size:12px;}
	.startpagepostgridsection.element-section>.element, .element-columns .element {margin-bottom:0;}
}

@media (max-width: 767px) {
.post_grid h3.title {font-size: 2rem;}
.startpageinfo {font-size:1rem;padding: 15% 15% 0 20px !important;}
.startpageinfosection {padding:40px 0 0 20px;}
}
@media (min-width: 768px) {
.startpageinfo {font-size:1.5rem;padding: 0 35% 0 7%;}
.startpageinfosection {padding: 80px 0 0;}
}

/* NEWS ARCHIVE */
.post_grid .entry-meta {text-align:center;}
span.byline.author.vcard, .entry-meta .sep {display: none;}

@media (max-width:767px) {#main {padding: 120px 0 60px 0;}
}

/* NEWS SINGLE POST */
@media (min-width:993px) {
	article.single p {margin: 0 400px 25px 0px;}
}

/* POST GRID PORTFOLIO */
@media (min-width: 1200px) {
.post_grid .grid-item>article.portfolio_item {
	padding: 0 0px;}
}
.filmtvgrid .grid-item.col.col-sm-6 {padding:0;}
.post_grid .portfolio_item .entry-meta {display:none;}

@media (min-width: 768px) {
.post_grid .portfolio_item .entry-title {font-size: 24px;color:#fff;text-shadow: 0 0 20px #777;z-index:1;}
.post_grid .portfolio_item .entry-title {position:absolute;padding-top:20px;top:0;left:20px;letter-spacing:2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 32ch;}
.post_grid .portfolio_item .entry-content {color:#fff;position:absolute;top:40px;left:20px;text-shadow: 0 0 20px #777;}
.post_grid article.portfolio_item {margin-bottom:0;}
.post_grid .portfolio_item .featured-item {margin-bottom:0;}
}
@media (max-width: 767px) {
.post_grid .portfolio_item .entry-title {font-size:20px;font-weight:700;margin-left:4px !important;}
.post_grid .portfolio_item .entry-content {margin-top: 2px;}
.post_grid .portfolio_item .featured-item {margin-bottom: 6px;}
}

/* SUBPAGE */
.element.subpage {margin-left: auto;padding-left:7%;}

/* FILM + TV */
@media (max-width: 767px) {.subpage {padding-top:30px;}.subpage .entry-content {font-size:14px;padding-top: 30px;}
}
.subpage .entry-content {text-align: left;float: left;}
@media (min-width: 768px) {
	.subpage h1 {font-size:3rem;}
	.subpage .entry-content {max-width:50%;}
	
	.post_grid .portfolio_item .entry-title a {padding-top: 20px;border-bottom:0px solid;
	-webkit-transition: border-width 0.2s linear;
    -moz-transition: border-width 0.2s linear;
    -o-transition: border-width 0.2s linear;
    transition: border-width 0.2s linear;
}
	.post_grid .portfolio_item .entry-title a:hover {color:#fff;border-bottom:2px solid #fff;}

.tb-mini-post-list article {float: left;width: 17%;}
.tb-mini-post-list .entry-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 25ch;}
}
/* CONTACT PAGE */
.contactpage p {margin-bottom: 10px;}
.contactpage .col {text-align: left;}
.contactpage h2 {font-weight: 700;font-size: 1.6rem;margin-bottom:12px;}
.contactpage a.icon-link-fas {color: black;font-weight: 700;}
@media (max-width:767px){.panel-body .col-sm-6 {float: left;width: 45%;}
.contactpage .element-columns {margin-bottom: 0;}
}
@media (min-width:768px){.contactpage .element.element-columns {padding-right:200px;margin-left:15%;}}

/* PORTFOLIO SINGLE ITEMS */
@media (min-width: 768px) {article.portfolio_item.single .entry-content p {padding-right: 40%;}}
	
/* TOGGLES CONTACT */
.tb-toggle {text-align:left;}
.tb-toggle.panel-default .panel-title {color: #333;font-weight: 700;font-size: 1.3rem;}
.tb-toggle .panel-title {padding: 20px 0px 20px 60px;}
.panel {box-shadow:0 0 0;border:0 solid;}
.panel img {border-radius: 50%;max-width:110px;}
.panel a {color: #333;font-weight: 700;}
@media (min-width: 768px){.panel a {font-size:1.2rem;}
.tb-toggle .col-sm-6 {width: 40%;padding: 0 40px 0 30px;}
.tb-toggle .panel-body {padding: 15px 0 0 80px;}
}
@media (max-width: 767px){.tb-toggle p {font-size: 0.7rem;word-break: break-word;}
	.tb-toggle .panel-body {padding-left: 40px;}
}

.panel a:hover {color: #e21a1a;}
.panel-body.entry-content {background: #fff;}
.tb-toggle {margin-top: -1px;}
.tb-toggle .panel-heading {border-top: 1px solid #777;border-bottom: 0px solid #777;}
.tb-toggle .panel-heading+.panel-collapse .panel-body{border-top-width:0px;}
.tb-toggle.panel-default>.panel-heading .panel-title:hover {border-bottom:0px solid;background:transparent;}

/* FOOTER */
.site-copyright p {font-size: 1rem;text-transform: uppercase;letter-spacing: 6px;color: black;}
.cred {font-size:12px !important;margin-top: 50px;color: #ddd;}
.cred a {color: #ddd !important;border-bottom: 1px solid #ddd !important;}

/* COOKIE BAR */
.cookie-notice-container {padding: 20px 10px;}
.cn-button.bootstrap{
	font-family:sans-serif;
	display:inline-block;
	*display:inline;
	padding:6px 14px;
	margin-right:.3em;
	margin-bottom:0;
	*margin-left:.3em;
	line-height:20px;
	color:#333;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,.75);
	font-style:normal;
	vertical-align:middle;
	cursor:pointer;
	color:#000;
	text-shadow:0 0px 0 rgba(0,0,0,.25);
	background-color:#fec527;
	*background-color:#fec527;
	background-image:-moz-linear-gradient(top,#fec527,#e8af11);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fec527),to(#e8af11));
	background-image:-webkit-linear-gradient(top,#fec527,#e8af11);
	background-image:-o-linear-gradient(top,#fec527,#e8af11);
	background-image:linear-gradient(to bottom,#fec527,#e8af11);
	background-repeat:repeat-x;
	border-style:solid;
	border-width:0px;
	border-color:#fec527 #fec527 #fec527;
	border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 2px rgba(0,0,0,.05);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	font-size:12px;text-decoration:none;-webkit-border-radius:0px;-moz-border-radius:0px;
	border-radius:0px;
	outline:none}

.cn-button.bootstrap:hover{
	color:#000;background-color:#e8af11;
	*background-color:#e8af11;
	background-position:0 -15px;
	-webkit-transition:background-position 0.1s linear;
	-moz-transition:background-position 0.1s linear;
	-o-transition:background-position 0.1s linear;
	transition:background-position 0.1s linear}


/* =Viewport styling
------------------------------------------------- */
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 767px) {

}