/*   
Theme Name: UNTV News 2019
Description: Theme for UNTV News website (2019)
Author: UNTV Developer (MGE)
Version: 1
*/

@font-face {
   font-family: OpenSans-Regular;
   src: url(fonts/OpenSans-Regular.ttf) format('truetype'), 
      url(fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype');
}

@font-face {
   font-family: OpenSans-Light;
   src: url(fonts/OpenSans-Light.ttf) format('truetype'), 
   url(fonts/OpenSans-Light.eot?#iefix) format('embedded-opentype');
}

@font-face {
   font-family: Roboto-Medium;
   src: url(fonts/Roboto-Medium.ttf);
}

@font-face {
   font-family: Roboto-Regular;
   src: url(fonts/Roboto-Regular.ttf);
}

@font-face {
   font-family: Roboto-Bold;
   src: url(fonts/Roboto-Bold.ttf);
}

@font-face {
   font-family: Roboto-Italic;
   src: url(fonts/Roboto-Italic.ttf);
}

@font-face {
   font-family: EBGaramond-Medium;
   src: url(fonts/EBGaramond-Medium.ttf);
}


* { margin: 0; padding: 0; }
body { background: white; font-family: Roboto-Regular; font-size: 14px; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; line-height: 24px; }
a { text-decoration: none !important; }
a:hover { text-decoration: none !important; } 

blockquote { border-left: 5px solid #950000; }
blockquote p { line-height: 30px; }

ul, ol { margin: 0 15px 10px 25px; }

.post { }

.entry { padding-bottom: 20px; text-align: justify;}
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { position: relative; }
#searchform .search-icon { position: absolute; right: 10px; top: 7px; }
  #s { width: 100%; border: solid 1px #dedede; outline: none; padding: 5px 10px; padding-right: 30px; }
  #searchsubmt { }
  
ol.commentlist { list-style: none; margin-bottom: 30px; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px solid #dedede; padding: 15px 0; }
ol.commentlist li.comment div.comment-content { margin: 10px 10px 10px 60px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 0 10px 10px 10px; border: solid 1px #eee; width: 40px; height: 40px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.comment-metadata { font-size: 12px; }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a, ol.commentlist li.comment div.comment-metadata a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-size: 14px; text-transform: uppercase; margin-left: 60px; color: #960000;}
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

.row, .nm { margin: 0; }
.np { padding: 0; }
.np-left { padding-left: 0; }
.np-right { padding-right: 0; }
.section { padding: 50px 0; }

.mtop1 { margin-top: 10px; }
.mtop2 { margin-top: 20px; }
.mtop3 { margin-top: 30px; }

.mbottom1 { margin-bottom: 10px; }
.mbottom2 { margin-bottom: 20px; }
.mbottom3 { margin-bottom: 30px; }

.white { color: #fff; }
.gray, .gray:hover { color: #bbb !important; }
.dark, .dark:hover { color: #333 !important; }
.blue { color: #003278; }

.bg-gray { background: #f9f9f9 !important; }
.bg-dark { background: #333 !important; }
.bg-dred { background: #960000 !important; }
.bg-white {background: #fff; }
.bg-blue { background: #003278; }

.bdotted { border-bottom: dotted 1px #dedede; }
.bbottom { border-bottom: solid 1px #dedede; }
strong, .strong { font-family: Roboto-Bold; letter-spacing: 0.2px; }
em, .italic { font-family: Roboto-Italic; }
.light { font-family: OpenSans-Light; }
.medium { font-family: Roboto-Medium; }
.normal { font-family: Roboto-Regular; }
.relative { position: relative; }
.hidden { display: none; }

.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.section-title .tag { display: inline-block; font-family: Roboto-Medium; padding: 5px 15px; text-transform: uppercase; letter-spacing: 0.3px; }
.category-tag {  padding: 3px 10px; text-transform: uppercase; border-radius: 3px; font-size: 11px; }
.image-flex img, .wp-block-image img, .wp-caption img, .entry img { width: 100% !important; height: inherit; border: solid 1px #eee; }
.meta { font-size: 13px !important; }
.leaderboard img { display: block; }
.addtoany_shortcode { display: inline-block; }
.button { padding: 10px; text-align: center; background: #333; color: #eee; display: inline-block; margin: 0 15px; }

h4.title { margin-top: 0; font-size: 16px; line-height: 24px; }
h3.title { font-size: 18px; line-height: 24px; }
h2.title { line-height: 32px; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999;
    z-index: 9999; background: url('images/untv-news-and-rescue-logo.png') 50% 40% no-repeat, url('images/ellipsis.gif') 50% 60% no-repeat #fff;
}

.modal { color: #fff; display: none;  position: fixed;  z-index: 99999; 
   padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%;
   overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6);
}

.modal-content {
  position: relative; width: 60%; 
  margin: auto; padding: 0; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }

.modal-header { color: white; border: none; }
.modal-body { padding: 30px 60px; }
.modal-footer { color: white; }

.home .google-auto-placed { display: none; }

header .explore { padding: 10px 0;  }
header .explore li { list-style: none; display: inline-block; padding: 2px 10px; }
header .explore li:not(:last-child) { border-right: solid 1px #5d5453; }
header .explore .social-icons a { margin-right: 3px; color: #bbb; font-size: 16px;  }

header .menu ul { margin: 15px 0; }
header .menu ul li { list-style: none; display: inline; padding: 15px 10px; }
header .menu ul li a { text-transform: uppercase; font-size: 15px; color: #333; font-family: OpenSans-Light; }
header .menu ul li.current-menu-item { border-bottom: solid 3px #003278; }
header .menu ul li.current-menu-item a { font-family: OpenSans-Regular; }

header #navigation { margin-bottom: 30px; border-bottom: solid 1px #dedede; }
header #responsive-menu-button { display: none; cursor: pointer; }
header #sticky-menu.stick { margin-top: 0; position: fixed; top: 0; z-index: 99; width: 100%; background: #fff; border-bottom: solid 1px #dedede; }
header #sticky-menu.stick #navigation { margin-bottom: 0; border: 0; }
header #sticky-menu.stick .search { margin-top: 10px; }

.sidr { box-shadow: none; font-family: OpenSans-Light; }
.sidr ul { border-top: none; text-transform: uppercase;}
.sidr ul li { line-height: 44px; }
.sidr input[type="text"] { background: #fff; color: #333; }

.flexslider { border: none; background: none; margin-bottom: -5px; }
.flexslider .flex-direction-nav .flex-next { right: 5px;  opacity: .8; }
.flexslider .flex-direction-nav .flex-prev { left: 5px; opacity: .8; }
.flex-direction-nav a { width: 45px; height: 45px; }
.flex-direction-nav a:before { font-size: 32px; color: #fff; background: #333; padding: 0 10px; border-radius: 5px; }
.flexslider .flex-control-nav { display: none; }

.flexslider .slides > li { position: relative; }
.flexslider .flex-caption { position: absolute; z-index: 99999; bottom: 0; background: rgba(0, 0, 0, 0.6); width: 100%; padding: 10px 20px; color: #fff; }
.flexslider .flex-caption h3 { line-height: 30px; }

.breaking-news { border: solid 1px #e8e8e8; font-size: 15px; margin: 0 0 30px; }
.breaking-news .title { padding: 10px 15px; text-transform: uppercase; font-family: Roboto-Medium; 
    display: inline-block; float: left; }
.breaking-news .newsticker { padding: 10px 15px; margin-left: 150px; }
.breaking-news .newsticker ul { margin: 0; }
.breaking-news .newsticker ul li { overflow:hidden; white-space:nowrap; display:none; }

#untv-livestream-video { width: 100%; overflow: hidden; }
#now-showing { border: solid 1px #dedede; padding: 15px; display: none; }

#videos .play-button { width: 48px !important; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); cursor: pointer; }
#videos .play-button:hover { width: 54px !important; }
#videos .image-flex img { border: none; }

#videoModal .modal-content { width: 45%; }

#pbd-alp-load-posts { margin-top: 20px; text-align: center; }
#pbd-alp-load-posts a { color: #fff; background: #ccc; padding: 5px 20px; font-family: OpenSans-Light; border-radius: 3px;
    font-size: 13px; text-transform: uppercase; margin-right: 20px; letter-spacing: 0.5px;}
#pbd-alp-load-posts a:hover { background: #c3c3c3; }

.wp-caption-text, .wp-block-image figcaption { color: #a0a0a0; font-family: Roboto-Italic; 
  margin: 10px 0; line-height: 18px; font-size: 13px; text-align: center; }

.footer-bottom { background: #2a2a2a; padding: 15px 0; }


.tags a { font-family: OpenSans-Regular; color: #8e8e8e; }

#respond input[type=text], #respond input[type=email], #respond input[type=submit], #respond textarea {  
   width: 100%; border: solid 1px #dedede; outline: none; padding: 5px 10px; }
#respond textarea { resize: none; height: 100px; }
#respond input[type=submit] { color: #fff; text-transform: uppercase; font-size: 16px; padding: 10px; font-family: Roboto-Bold; border: none;}
#respond .cancel-comment-reply { margin-bottom: 10px;  }
#respond a { color: #960000; }

.show-comments { cursor: pointer; text-transform: uppercase; padding: 10px 20px; width: 150px; text-align: center; margin-bottom: 20px; }
.comments-section { display: none; }
.back-to-top { position: fixed; right: 15px; bottom: 15px; background: #fff; padding: 10px; 
    border-radius: 40px; cursor: pointer; text-align: center; width: 40px; height: 40px; }

header .bible-verse img { width: 90%; height: inherit; float: right; cursor: pointer; }
.votd { font-size: 18px; }
.votd .title {font-size: 20px; color: #dedede; }
.votd .date-today { font-family: Roboto-Italic; }
.votd .content { font-family: EBGaramond-Medium; font-size: 28px; color: #fff; line-height: 40px; margin: 50px 0;}
.votd .reference { letter-spacing: 1px; }
.votd .modal-content { background-image: url(images/bible-verse-bg.jpg); background-size: cover; }

.footer-bottom ul { margin-bottom: 0; }
.footer-bottom ul li { list-style: none; display: inline-block; margin-left: 15px; }
.footer-bottom ul li a { color: #ccc; text-transform: uppercase; }

@media (min-width: 1400px){
   .container { width: 1370px;   }
}

@media (min-width: 1366px){
  .container { width: 1350px; }
}

@media screen and (max-width: 1199px) {
  .leaderboard img { width: 100%; height: inherit; }
    header #sticky-menu.stick #responsive-menu-button {  margin: 10px 0; }
    header #responsive-menu-button { display: inline-block; }
    header #menu-header, header .search { display: none; }
    header .logo { margin: 0; }
    header .logo img { width: 80px; position: absolute; left: 45px; top: -5px;}
    header .bible-verse img { width: 75% !important; height: inherit; top: -15px; left: 150px;}

    .wp-caption, .wp-caption img { width: 100% !important; }
}

@media screen and (max-width: 1024px) {
  .leaderboard div, .leaderboard iframe { width: 100% !important; }
}

@media screen and (max-width: 991px) {
  .sm-np { padding: 0; }
  .sticky-sidebar.stick { position: inherit; top: 0; right: 0; }

  .modal-content { width: 90% !important; }
  .modal-body { padding: 20px; }
  .votd .content { font-size: 22px; line-height: 28px; }

  .footer-bottom ul { margin-bottom: 10px; }
  .footer-bottom .menu li { display: block; text-align: left; padding: 5px 0; }
  
}

@media screen and (max-width: 591px) {
  header .explore .current-date, .flexslider#carousel { display: none !important; }
  header .menu { display: inline-block; }
  .flexslider .flex-caption h3 { font-size: 18px; line-height: 25px; }

  header .bible-verse img { top: 0; width: 60% !important; }
  .breaking-news .title { width: 100%; text-align: center; }
  .breaking-news .newsticker { width: 100%; margin-left: 0; padding-top: 50px; text-align: center; }
  .breaking-news .newsticker ul li { white-space: pre-wrap;  }
}