/*
 Theme Name:   Kinomagasinet
 Theme URI:    https://themeforest.net/user/mvpthemes
 Description:  Kinomagasinet Top News Child Theme
 Author:       Jorgen Rudolph Laaker
 Author URI:   https://kinomagasinet.no
 Template:     topnews
 Version:      1.0.1 
 License: 	   GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  topnews-child
*/

#content-wrapper ul.widget-full1 li { height: 320px; }
#content-wrapper ul.widget-full1 li.fullwidth { height: auto; }
@media screen and (max-width: 479px) { #content-wrapper ul.widget-full1 li { height: 150px; } }
@media screen and (max-width: 599px) and (min-width: 480px) { #content-wrapper ul.widget-full1 li { height: 350px; } }
@media screen and (max-width: 767px) and (min-width: 600px) { #content-wrapper ul.widget-full1 li { height: 310px; } }
@media screen and (max-width: 1002px) and (min-width: 768px) { #content-wrapper ul.widget-full1 li { height: 390px; } }
@media screen and (max-width: 1041px) and (min-width: 1003px) { #content-wrapper ul.widget-full1 li { height: 300px; } }
@media screen and (max-width: 1157px) and (min-width: 1042px) { #content-wrapper ul.widget-full1 li { height: 300px; } }
@media screen and (max-width: 1277px) and (min-width: 1158px) { #content-wrapper ul.widget-full1 li { height: 290px; } }
@media screen and (max-width: 1500px) and (min-width: 1278px) { #content-wrapper ul.widget-full1 li { height: 350px; } }

#home-content-in #sidebar-contain {
    right: 0px;
}
#home-content-in #sidebar-contain.side-fixed {
    right: 0 !important;
}

#home-content-in .side-fixed {
    right: 0 !important;
}

.side-fixed, .page .side-fixed, .woocommerce .side-fixed {
    left: auto !important;
}

button:focus {outline:0;}

#content-area > p:nth-of-type(1) { font-weight: bold; }

span.img-com.img-cat {
	background: #efae00 none repeat scroll 0 0;
    padding-left: 10px;
    padding-right: 10px;
}

/* show article */
.video-box { padding: 20px 0; }
.imageserie { float:left; margin-left: 1%; width: 100%; }
.imageserie img { width: 100%; }

#post-content-wrapper { min-height: 2000px; }
#content-area > .review { background-color: #2B2B2B; border: 6px solid #DADADA; color: #fff !important; float: left; min-height: 300px; margin-bottom: 10px; width: 98.5%;  }
#content-area > .review h2 { color: #fff; border-bottom: 3px solid #DADADA; color: #fff; font-size: 2em; margin: 0; padding: 2%; text-transform: uppercase; }
#content-area > .review h2 .format { color: #d8d8d8; }

#content-area > .review .left { border-right: 3px solid #DADADA; color: #fff; float: left; font-size: 1.2em; height: 283px; text-transform: uppercase; width: 35%; }

#content-area > .review .left .total { border-bottom: 1px solid #fff; height: 100px; padding: 10px 10px 0; text-align: left; }
#content-area > .review .alignright {margin-top: 0px;}
#content-area > .review .left .total .number { float: right; font-size: 4em; padding: 30px 30px 0 0; }
#content-area > .review .left .ratings {  }
#content-area > .review .left .total .score { float: left; }

#content-area > .review .left .score {
	float: right; height: 20px; margin-top: 3px; width: 140px;
	background-image: url('http://www.kinomagasinet.no/wp-content/uploads/sites/3/2016/08/starsbox.png');
	background-repeat: no-repeat;
}
#content-area > .review .left .score.i1 { 
	background-position: 0 0px; 
}
#content-area > .review .left .score.i2 { 
	background-position: 0 -20px; 
}
#content-area > .review .left .score.i3 { 
	background-position: 0 -40px; 
}
#content-area > .review .left .score.i4 { 
	background-position: 0 -60px;
}
#content-area > .review .left .score.i5 { 
	background-position: 0 -80px; 
}
#content-area > .review .left .score.i6 { 
	background-position: 0 -100px; 
}


#content-area > .review .left .ratings .rating { border-bottom: 1px solid #fff; padding-left: 2%; }

#content-area > .review .right { float: right; padding: 2%; width: 60%; }
#content-area > .review .right p { color: white; font-size:13px; font-weight: 400; line-height: 17px;}
#content-area > .review .right .image { /*float: right;*/ }
#content-area > .review .right .text { float: left; width: 50%; }
#content-area > .review .right .text p { color: #fff; display: inline; }

#content-area > .review h3 { color: #fff; text-transform: uppercase; }
#content-area > .review .links .link a { background-color: #933; float: left; height: 50px; margin-left: 5%; width: 27%; max-width: 75px; }
#content-area > .review .right h3 { width:130px;}

#content-area > .review .links .filmwebicon a {
	background: url(https://www.kinomagasinet.no/wp-content/uploads/sites/3/2022/07/ikon_filmweb.png) no-repeat center top;
}
#content-area > .review .links .imdbicon a {
	background: url(https://www.kinomagasinet.no/wp-content/uploads/sites/3/2016/08/ikon_imdb.png) no-repeat center top;
}
#content-area > .review .links .wikiicon a {
	background: url(https://www.kinomagasinet.no/wp-content/uploads/sites/3/2016/08/ikon_wiki.png) no-repeat center top;
}
#content-area > .review .links .tomatoesicon a {
	background: url(https://www.kinomagasinet.no/wp-content/uploads/sites/3/2016/08/ikon_tomatoes.png) no-repeat center top;
}

#content-area > .review .links .filmwebicon a {
	background: url(https://www.kinomagasinet.no/wp-content/uploads/sites/3/2022/07/ikon_filmweb.png) no-repeat center top;
}
#content-area > .review .links .imdbicon a {
	background: url(https://www.kinomagasinet.no/wp-content/uploads/sites/3/2016/08/ikon_imdb.png) no-repeat center top;
}
#content-area > .review .links .wikiicon a {
	background: url(https://www.kinomagasinet.no/wp-content/uploads/sites/3/2016/08/ikon_wiki.png) no-repeat center top;
}
#content-area > .review .links .tomatoesicon a {
	background: url(https://www.kinomagasinet.no/wp-content/uploads/sites/3/2016/08/ikon_tomatoes.png) no-repeat center top;
}

/*----*/
#content-area .fact.action { border-right: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999;  border-top: 5px solid #339; clear: right; float: right; margin-bottom: 10px; margin-left: 10px; padding: 10px; position: relative; width: 96%; }
#content-area .fact.action h3 { border-bottom: 1px solid #333; font-size: 1.1em; text-transform: none;  }
#content-area .fact.action p { margin: 0; /*font-family: 'Yanone Kaffeesatz', sans-serif;*/ font-size: 12px; line-height: 20px; }
#content-area .fact.action ul { padding: 0; }
#content-area .fact.action ul li { line-height: 1; padding: 0; font-size: 12px; line-height: 20px; }

#content-area .fact-collapsed { cursor: pointer; }
#content-area .fact-collapsed .fact-body::after { opacity: 1; }
#content-area .fact-expanded .fact-body::after { display: block; }
#content-area .fact-collapsed .fact-body::after { display: none; }
#content-area .fact-collapsed .fact-body::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%) repeat scroll 0 0;
    bottom: 0; content: ""; display: block; height: 80px; left: 1px; position: absolute; right: 1px;
}
#content-area .fact-collapsed .fact-body { margin-top: 0; max-height: 80px; overflow: hidden; }

.fact-expand-button { background-color: #333399; border-radius: 50%; border-width: 0; cursor: pointer; display: block; position: absolute; left: 48%; bottom: -12px; height: 24px;  width: 24px; }
.fact-expand-button:after {
    content: ''; display: inline-block; width: 0.6em; height: 0.6em; border-top: 0.3em solid #fff; border-right: 0.3em solid #fff;
    -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
.fact-collapse-button { background-color: #333399; border-radius: 50%; border-width: 0; cursor: pointer; display: block; position: absolute; left: 48%; bottom: -12px; height: 24px;  width: 24px; }
.fact-collapse-button:after { margin-top: 7px;
    content: ''; display: inline-block; width: 0.6em; height: 0.6em; border-top: 0.3em solid #fff; border-right: 0.3em solid #fff;
    -moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg);
}
/*----*/

@media screen and (min-width: 480px) {
	.imageserie { width: 49%; }
}

ul.widget-full1 .fullwidth { clear: both; float: none; height: auto; width: 100%; }
ul.widget-full1 .fullwidth > * { float: none !important; width: 100%; }

.jbvideo { height: auto !important; min-height: 350px; width: 100% !important; }
#comments { margin-bottom: 0; }
#respond form { padding-bottom: 0; }
#respond #submit { width: 150px; }
#respond input { display: inline; margin: 0 6px 9px 0; }

@media screen and (max-width: 1450px) {
	#content-area > .review {width:95%;}
	#content-area > .review h2 {width:96%;}
	#content-area > .review .right .image {width:30%; height:auto;}
	#content-area > .review .left, #content-area > .review .right {width:100%;}
	#content-area > .review .left {height:auto;}
	#content-area > .review .right {width:96%; }
	#content-area > .review .right #extlink { width: 100%;}
}
@media screen and (min-width: 1003px) and (max-width: 1277px) {
	#content-area .artikkel2widget { width: 100%; }
	#content-area .fact.action { margin-left:0; width: 94%; }
	#content-area .fcbk_share { clear: both; }	
}
@media screen and (max-width: 640px) {
	#content-area .artikkel2widget {width:100%; height: auto;}
	#content-area .fact.action { width:94%; margin-right:15%; margin-left: 0; float:none; }
}
@media screen and (max-width: 450px) {
	#content-area .artikkel2widget {width:100%; height: auto;}
	#content-area .fact.action { width:92%; margin-right:15%; float:none;}
}
@media screen and (min-width: 641px) {
	#content-area .fact .fact-body { height: auto; max-height: none !important; }
	#content-area .fact .fact-body::after { background: none !important; }
	#content-area .fact button { display: none !important; }
}

/* Fjerne Facebook like fra enkelte sider */
.page-id-5628 .fcbk_share, .page-id-5626 .fcbk_share {display:none;}

/* Styling for kontaktskjemaet under kontakt-siden */
#gform_fields_1 { max-width:500px; }
#gform_fields_1 input { width:100%; height:2.6em; border-radius:5px; border:solid #DDD 1px; }
#gform_fields_1 select { width:100%; border:solid #DDD 1px; height:2.6em; border-radius:5px; background-color:#fff;}
#gform_fields_1 textarea { border:solid #DDD 1px; height:8.6em; border-radius:5px;}
#gform_fields_1 label.gfield_label { font-size:14px; color:#888; font-weight:100;}
#gform_fields_1 .ginput_container, #content-area ul li, .gform_footer {margin-top:0!important;}
#gform_fields_1 select {color:#555; font-weight:100;}


/* Styling av Skribent-boksene under Om Oss */
#fancy-user-grid .fancy-user-container-link { width:100px; }
#fancy-user-grid .fancy-user-container-link h2 { font-size:14px!important; }
#fancy-user-grid .fancy-user-container-link span { font-size:10px; }
#fancy-user-grid #user-10, #fancy-user-grid #user-1 {display:none;}