/*
Theme Name: Media Ten
Author: Media Ten
Author URI: https://www.media-ten.com
Description: Theme for iconeye.com
Version: 1.0
*/
html{overflow-x: hidden;}
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&display=swap');
@import url("https://use.typekit.net/cqj6fcl.css");
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
ul[class],
ul,
ol[class] {padding: 0;}
body,
p,
h1,
h2,
h3,
h4,
ul[class],
ul,
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {margin: 0;}
h1,
h2,
h3,
h4{color: #363636;font-family: 'ff-more-web-pro', serif;font-weight: 400;letter-spacing: -0.1px;}
h2 {margin-bottom: 15px;}
fieldset {padding: 0;margin: 0;border: none;}
.btn {height: 40px;background: black;color: white;font-weight: 600;border: black;float: right;margin-top: 5px;}
body {min-height: 100vh;font-family: 'Source Sans Pro', Arial, "Helvetica Neue",Helvetica, sans-serif;scroll-behavior: smooth;text-rendering: optimizeSpeed;line-height: 1.5;color: black;}
ul[class],
ol[class] {list-style: none;}
a:not([class]) {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
img {
 height: auto;
 object-fit: cover;
  width: 100%;
  min-height: 100%;
  display: block;
}

#mpuad1{}
#mpuad2{}
#mpuad3{}
#mpuad4{}
#mpuadfixed{}
.mpuadverts{margin: 0 auto; display: inline-block;   }

/* Login / register */
main .mepr_error {
background-color: #ffffff !important;
border: 1px solid #212121 !important;
text-align: center;
max-width: 90%;
margin: 40px auto;
padding: 10px !important;
}
.mepr_error p:nth-child(1) strong a {
color: #000;
position: relative;
top: -30px;
display: block;
border: 1px solid #bbb;
background: #eee;
text-align: center;
width: 100%;
padding: 10px;
}
.mepr-login-actions a{color: #bbb !important;}
#mepr_loginform .submit{width: 50%; float: left;}

#mepr_loginform .submit #wp-submit {
border: 1px solid #999;
border-radius: 0;
width: 100%;
margin: 10px auto;
cursor: pointer;
}
#mepr_loginform .submit #wp-submit:hover{opacity: 0.8}
main .mepr_error p{padding: 0; margin: 0;}
.mp-spacer{display: none;}
.mp_wrapper .mp-form-row{}
.mp_wrapper .mp-form-row .cc-error,
.mp-form-submit .mepr-form-has-errors{font-size: 11px;color: #f51919;font-weight: 700; display: none;}
.mepr-login-actions{float: right;}
.mepr-product-access-url{display: none;}
.digimaglink {
    background: #FF8100;
    color: #fff !important;
    text-decoration: none;
    font-size: 17px;
    padding: 10px 15px;
    border: 1px solid #9e550a;
    border-radius: 3px;display: inline-block;
}
.digimaglink:hover{opacity: 0.8;}
.digimaglink:after {
    display: block;
    content: ">> Opens new window";
    font-size: 15px;
    color: #e8e8e8;
}
/**/

.advert {
margin-bottom: 40px;
}
footer {
background: #ccc;
font-size: 11px;
color: #888;
padding: 15px;
margin-top: 40px;display: block; width: 100%;
}
footer a:not([class]) {
color: black;
}
#footerad{display: block; text-align: center;}
a {
-webkit-tap-highlight-color: rgba(255, 129, 0, 0.3)!important;
}
  ::-moz-selection { /* Code for Firefox */
background: rgba(255, 129, 0, 0.3);
  }
  ::selection {
background: rgba(255, 129, 0, 0.3);
  }
.col2 h3 {
position: relative;
}
.col2 svg {
top: 8px;
position: absolute;
right: 0px;
}
footer ul {
margin-bottom: 5px;
list-style: none;
display: flex;
width: 100%;
}
footer ul li{
margin-right: 20px;
}
[v-cloak] { display: none; }
input,
button,
textarea,
select {
  font: inherit;
}
/* end reset */

.intro_text{display: none;}
#top_four_widget-2 .intro_text{display: block;}
input[type=search] {
width: 100%;
}
h1 {
font-size: 1.7rem;
line-height: 1.7rem;
}
h2 {
font-size: 1.25rem;
line-height: 1.5rem;
}
h3 {
font-size: 1.13rem;
line-height: 1.3em;
}
h4 {
font-size: 14px;
color: black;
}
.section-inner h4 {
padding: 10px 0;
}
p {
font-size: 14px;
padding-bottom: 16px;
}
.container {
margin: 0 auto;
width: 100%;
  max-width: 1000px;
  padding: 0 15px;display: block;
}
.container .col {
  padding: 20px 0;
display: flex;
flex-direction: column;
  width: 16.66%;
}
.container .container {
margin: 0;
padding: 0;
/* background-color: #22f3c9; */
}
.container .col {
  padding:0 15px;
}
.col > .item {
  position: relative;
flex-grow: 1;
}
.row {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.col.col2 {
width: 33.33%;
}
.col.col3 {
width: 50%;
}
.col.col4 {
width: 66.6%;
}
.col.col5 {
width: 83.3%;
}
.col.col6 {
width: 100%;
}
.col.col2 .img-contain {
height: 124px;
position: relative;
overflow: hidden;
}
.col.col3 .img-contain {
height: 190px;
position: relative;
overflow: hidden;
}
.col2 h2 {
max-height: 122px;
overflow: hidden;
}
.col2 > h3 {
border-top: 1px solid #ccc;
padding-top: 15px;
width: 100%;
}
.col.col3 .img-contain img,.col.col2 .img-contain img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
   flex-grow: 1;
}
.header-icons > div {
background: #FF8100;
width: 32px; height: 32px;
padding: 5px;
}
input[type="search"] {-moz-appearance: none;/* older firefox */
   -webkit-appearance: none; /* safari, chrome, edge and ie mobile */
   appearance: none; /* rest */
padding: 4px 10px;
outline: none;
height: 32px;
border: thin solid black;
position: relative;
line-height: 21px;
right: 0;
top: 0;
}
.header-icons > a {
border: 1px solid #ccc;
width: 32px;height: 32px;
position: relative;
line-height: 33px;
margin-left: 10px;
text-align:center;
}
.header-icons > a >svg {
display: inline;margin: 8px;
}
.container.top-four {
margin: 40px auto 0px auto;
}

.container.top-four iframe{margin: 5px auto;display: block;}

/* Digital */
#digitalmag{float: right;margin-left: 10px;}
#digitalmag img{position: relative; top: -2px;}

@media (max-width: 767px) {
	#digitalmag{display: none;}
}
/**/


#menu-main {
background: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
border: thin solid black;
  -webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
}
#menu-main li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  list-style: none;
}
#menu-main li:not(:last-child) {
border-right: thin solid black;
}
#menu-main li a{
display: block;
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 0.78rem;
padding: 10px 0;
}
select {
width: 100%;
border: 1px solid black;
background-color: #ffffff;
border-radius: 0;
padding: 4px 6px;
margin-bottom: 9px;
font-size: 18px;
color: #555;
}
select:focus,input:focus {
outline-color: rgba(255, 129, 0, 1);
}
.select {
display:flex;
width: 48%;
flex-direction: column;
}
.top-four .selects-wrap{
display:flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
margin-bottom: 40px;
}
.search-submit {
display: none;
}
.search-form {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
will-change: transform;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
#showSearch {
font-size: 0;
}
.search-form.active {
 -webkit-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
#menu-main li a:hover, #menu-main li.current-menu-item a {
background-image: -o-linear-gradient(315deg, #cccccc 2.38%, #ffffff 2.38%, #ffffff 50%, #cccccc 50%, #cccccc 52.38%, #ffffff 52.38%, #ffffff 100%);
background-image: linear-gradient(135deg, #cccccc 2.38%, #ffffff 2.38%, #ffffff 50%, #cccccc 50%, #cccccc 52.38%, #ffffff 52.38%, #ffffff 100%);
background-size: 8px 8px;
}
.img-contain img {
min-height: 100%;
height: auto;
}
.img-contain {
margin-bottom: 15px;
overflow: hidden;
max-height: 400px;
}
.img-contain:empty {
  background: -o-linear-gradient(81deg, #c6ffdd, #fbd786, #f7797d);
  background: linear-gradient(9deg, #c6ffdd, #fbd786, #f7797d);
}
#searchVue .img-contain {
margin-right: 20px;
flex: 0 0 33%;
height: 160px;
}
#searchVue .post-categories p {
display: -webkit-box;
-webkit-line-clamp: 3;
height: 60px;
overflow: hidden;
-webkit-box-orient: vertical;
}
#searchVue h2 {
max-height: 53px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#searchResults {
position: relative;
min-height: 700px;
}
#loadingIndicator {
width: 100%;
position: absolute;
top: 50px;
z-index: 2;
opacity: 0;
transition: opacity 0.5s ease;
visibility: hidden;
}
#lazyLoadDetector {
opacity: 0;
position: relative;
transition: opacity 0.5s ease;
visibility: hidden;
overflow:visible;
height: 300px;
width: 100%;
}
#lazyLoadDetector.isLazyLoading, #loadingIndicator.loading {
opacity: 1;
visibility:visible;
}
.loader:after {
transform-origin: 0;
border-top: 4px solid #FF8100;
border-right: 4px solid #FF8100;
border-bottom: 4px solid #FF8100;
border-left: 4px solid transparent;
content: "";
width: 20px;
height: 20px;
padding: 3px;
margin: 3px;
border-radius:999px;
animation: rotate 1s linear infinite;
overflow:visible;
display: block;
position: absolute;
left: 50%;
  }
  @keyframes rotate {
from {
  transform: rotate(0) translateX(-50%);
}
to {
  transform: rotate(360deg) translateX(-50%);
}
  }
.search-result {
position: relative;
display: flex;
}
.search-result > a {
position: absolute;
top: 0; left: 0; right: 0;
bottom: 0;
}
.fb {
background: #627fc0;
}
.twit {
background: #84c7e5;
}
.pin {
background: #d63c3f;
}
.animatedSidebarWrapper{
height: 420px;
overflow: hidden;
margin: 20px 0;
}
.item {
width: 100%;
}
/* Related */
#relateditemscontainer{}
#relateditemscontainer h3,
#relateditemscontainer h4{display: block; margin-bottom: 10px;}
#relateditemscontainer img {max-height: 125px !important;margin-bottom: 10px;}
#relateditemscontainer .pt-cv-title a{text-decoration: none; color: #000;font-size: 14px;}
#relateditemscontainer .pt-cv-view .pt-cv-title {margin-bottom: 10px;padding: 0;line-height: 15px;}
#relateditemscontainer .pt-cv-content {font-weight: 400;font-size: 13px;line-height: 15px;color: #9c9c9c;}
#relateditemscontainer .pt-cv-wrapper .btn-success {color: #32373c;background-color: #ffffff;border-color: #ffffff;float: left;padding: 0;}
#relateditemscontainer .pt-cv-wrapper .btn-success:hover{color: #848383;background-color: #ffffff;border-color: #ffffff;}
#relateditemscontainer .entry-date{color: #bbb; font-size: 12px;}
/**/
#share > div {
margin-left: 2px;
width: 24px;height: 24px;
line-height: 24px;
text-align: center;
}
.animatedSidebarWrapper .item-inner{
position: relative;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-bottom: 20px;
}
.animatedSidebarWrapper .item-inner > a {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
}
.animatedSidebarWrapper .item {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.animatedSidebarWrapper h4 {
line-height: 1.3em;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.animatedSidebarWrapper .item .post-categories{
bottom: 0;
}
.item > a {
position: absolute;
top: 0;bottom: 0;left: 0;right: 0;
z-index: 1;
}
.animatedSidebarWrapper .item-inner > div{
padding-right: 10px;
width: 50%;
}

.animatedSidebarWrapper .item-inner > div img{object-fit: none;}

.primary-content {
/* margin-bottom: 50px; */
height: 100%;
}
.primary-content .col .item{
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #ccc;
}
.primary-content h1 {
font-weight: 500;
}
.primary-content a {
color:#FF8100;
}
.primary-content h2 + p {
/* height: 86px; */
}
.carousel {
display: flex;
}
.carouselWrapper {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 50px;
}
.carousel h3 {
color: white;
font-size: 1.4em;
display: inline-block;
}
.carousel h3:last-child {
position: relative;
padding: 10px 70px;
margin: 10px auto;
}
.carousel h3:last-child:after {
content: "";
position: absolute; top: 0;
left: 70px; right: 70px;
border-top: thin solid white;
}
#moveLeft,
#moveRight {
border: 1px solid white;
position: absolute;
z-index: 2;
top: 50%;
transform: translateY(-50%);
width:34px;
height: 34px;
}
#moveRight {
right: 15px;
}
#moveLeft {
left: 15px;
}
#moveLeft svg,
#moveRight svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.carouselItem a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
background: rgba(0,0,0,0.5);
color: white;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
}
.carouselItem {
height: 400px;
flex: 1 0 100%;
position: relative;
}
.carouselItem > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.pagination {
width: 100%;
display: flex;
justify-content: center;
position: relative;
margin-bottom: 60px;
}
.pagination p {
text-align: center;
color: #FF8100;
bottom: -50px;
position: absolute;
}
.pagination .page-numbers {
height: 30px; width: 30px;
text-align: center;
text-decoration: none;
color: black;
 font-size: 0.85rem;
 display: inline-block;
 line-height: 27px;
margin: 0 2px;
}
.pagination .page-numbers.current{
color: #FF8100;
}
.page-numbers.current {
color: #FF8100;
}
.page-numbers.last svg {
border-right: 2px solid black;
}
.page-numbers.first svg {
border-left: 2px solid black;
}
.prev.page-numbers, .next.page-numbers, .first.page-numbers, .last.page-numbers {
/*border: 1px solid #ccc;*/
}
.page-numbers.dots {
display: none;
}
.primary-content .col p {
margin-top: 10px;
}
.primary-content .col6 > h3 {
padding: 17px 0;
border-top: 1px solid #ccc;}
.entry-title {
/*
line-height: 1.2rem;
max-height: 75px;
overflow: hidden;
*/
}
.date {
color: #999;
font-size: 11px;
font-family: ff-more-web-pro;
line-height: 15px;
margin-left: 7px;
}
#heading-cat-date-social {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
line-height: 1rem;
width: 100%;
margin-bottom: 10px;
}
#heading-cat-date-social h1 {
width: 100%;
}
#heading-cat-date-social #share {
flex-grow: 1;
justify-content: flex-end;
display: flex;
}
.entry-categories-inner {
text-transform: uppercase;
color: #FF8100;
font-size: 0.9rem;
}

.entry-categories-inner a{display: none;}
.entry-categories-inner a:nth-child(1){display: block;}
 .item >div {
 position: relative;
 }
.items .col{
padding: 0;
padding-bottom: 50px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.side-auto-scroller > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-highlight {
display: inline-block;
font-weight: bold;
}
.item .post-categories{
position: absolute;
bottom: 5px;
margin-bottom: 5px;
line-height: 16px;
}
.post-categories a{
font-size: 12px;
color: #FF8100;
z-index: 2;
text-transform: uppercase;
}
.post-categories > * {
display: inline-block;
}
.post-categories {
z-index: 1;
position: relative;
}


/* Just for the tabs */

.tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
  border: 1px solid #efefef;
}

.input {
  position: absolute;
  opacity: 0;
}
.label {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  transition: background 0.1s, color 0.1s;
}

.label:hover {
  background: #d8d8d8;
}

.label:active {
  background: #ccc;
}

.input:focus + .label {
  box-shadow: inset 0px 0px 0px 3px #2aa1c0;
  z-index: 1;
}

.input:checked + .label {
  background: #fff;
  color: #000;
}



@media (min-width: 600px) {
  .label {
    width: auto;
  }
}
.panel {
  display: none;
  padding: 20px 30px 30px;
  background: #fff;
}

@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}

.input:checked + .label + .panel {
    display: inline-block;
    float: left;
    width: 100%;
}

/* */
      




/* header */
#topheaderadvert {
    width: 100%;
    background: transparent;
    text-align: center;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
#topheaderadvert #topheaderadvertcont{margin: 0 auto; display: inline-block; max-width: 728px;}
#topheaderadvert > div{margin: 0 auto; display: inline-block;}
header {
position: sticky;
top: -78px;
z-index: 2;
}
header .logo-buttons-container {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0 10px 0;
}
#singularGallery {
display: flex;
}
#singularGallery > *{
min-width: 100%;
position: relative;
}
#singularGallery > * *:not(img){
position: absolute;
z-index: 2;
bottom: 0;
color: white;
background: rgba(0,0,0,0.5);
text-align: center;
width: 100%;
padding: 5px;
}
#thewrap {
position: relative;
overflow: hidden;
}
header ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.custom-html-widget {
max-width: 100vw;
overflow: hidden;
}
.advert > div {
margin: 0 auto;
}
header ul ul{
position: absolute;
}
.menu-main-container {
width: 100%;
}
.diary-content h1 {
margin-top: 20px;
}
.diary-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.diary-content > img {
order: -1;
}
.diary-content .intro-text {
border-top: thin solid black;
width: 71%;
padding-top: 20px;
margin-top: 10px;
}
.diary-content .diary-fields {
border-top: thin solid black;
width: 23%;
padding-top: 20px;
margin-top: 10px;
}
.diary-content .diary-fields a {
padding: 10px 20px;
border: 1px solid #FF8100;
display: inline-block;
}


@media (max-width: 900px) {
div.container div.col {
padding: 0 15px;
width: 100%;
}
#menu-main li a {
font-size: 2vw;
}
.header-icons .search-form {
position: absolute;
z-index: 3;
}
#menu-main li:last-child {
display: none;
}
#menu-main {
border: 1px solid black;
}
#menu-main li {
border-right: 1px solid black;
}
#menu-main li:nth-child(6){
border-right: none;
}
/*.wis-instagram-widget{display: none;}*/

}
.error404 {text-align: center;}