/*
Theme Name: ViaTimes Magazine
Theme URI: muldava.it@gmail.com
Description: muldava.it@gmail.com
Version: 1
Author: muldava.it@gmail.com
Author URI: muldava.it@gmail.com
*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

a {text-decoration: none; color: inherit;}
h1 {cursor: pointer}
h2 {cursor: pointer}
h3 {cursor: pointer}
h4 {cursor: pointer}
body {margin: 0; padding: 0; background-color: #000; font-family: "Bebas Neue", sans-serif; background-image: url(images/bg.jpg); background-size: 100% 100%; background-attachment: fixed}

#wrapper {margin: 0 auto; width: 100%; max-width: 1366px; background-color: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; padding: 20px 0 10px}

#header {display: block; border-top: 15px solid #414141}
#header #topmenu {height: auto; width: 100%; border-bottom: 10px solid #a10}
#header #topmenu ul {margin: 0; padding: 0; list-style: none;}
#header #topmenu ul li {padding: 10px 20px; display: inline-block; font-size: 120%; cursor: pointer;}
#header #topmenu ul li:hover {color: #a10;}

#header #logo {background-image: url(images/header.gif); background-size: 100% 100%;}
#header #logo #divider {width: 49%; display: inline-block; vertical-align: top;}
#header #logo #divider img {width: 80%; height: auto; vertical-align: top; margin: 10px auto;}

#header #nav {height: auto; background-color: #000; color: #fff; position: relative; font-size: 150%;}
#header #nav ul {list-style: none; margin: 0; padding: 0; display: inline-block; width: auto; position: relative;}
#header #nav ul li {display: inline-block; margin: 0; padding: 12px 15px; cursor: pointer; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; position: relative;}
#header #nav ul li:hover {color: #a10}
#header #nav ul li:first-child {color: #a10}
#header #nav ul li:first-child:hover {color: #fff;}
#header #nav ul li ul {position: absolute; display: none; background-color: #000; color: #fff; z-index: 9700; left: 0; top: 100%; min-width: 300px; width: 100%; border-left: none; border-radius: 0px 0 15px 15px;} 
#header #nav ul li:hover ul {display: block; width: 120%; } 
#header #nav ul li ul li {float: none; display: block; z-index: 9700; width: auto; border-left: none; position: relative; font-size: 80%;}
#header #nav ul li ul li ul {position: absolute; display: none !important; background-color: #333; color: #fff; z-index: 9700; left: 100%; top: 0%; width: 100%; border-left: none; font-weight: bold; border-radius: 0px 0 15px 15px;} 
#header #nav ul li ul li:hover ul{display: block !important; width: 120%;} 
#header #nav ul li:hover {}

#content {width: 100%; display: block; text-align: center;}
#content #divider {width: 47%; display: inline-block; vertical-align: top; padding: 1%;}
#content #divider #wowslider-container0 {width: 100%; display: block; text-align: left;}

#content #divider #article {display: block; padding: 10px 5%; margin: 20px auto; background-color: #f1f1f1;}
#content #divider #article img {width: 100%; height: auto; max-height: 300}
#content #divider #article P {padding: 0 5%; font-size: 90%; font-family: "Poppins", sans-serif; margin: 0 auto 10px; text-align: left;}
#content #divider #article h4 {margin: 5px auto; padding: 0 auto; font-weight: normal; color: #a10; text-align: left;}
#content #divider #article h5 {margin: 5px auto; padding: 0 auto; font-weight: normal; color: #a10; text-align: left;}
#content #divider #article h1 {margin: 5px auto; padding: 0 auto; text-align: left;}
#content #divider #article .left {width: 25% !important;}
#content #divider #article .right {width: 70% !important;}
#content #divider #article button {background-color: #a10; color: #fff; border: 1px solid #000; padding: 10px 20px; display: inline-block; float: right; cursor: pointer;}

#content #divider #boxes {display: inline-block; width: 49%; height: 295px; margin: 0px auto 10px; vertical-align: top; position: relative;}
#content #divider #boxes img {width: 100%; height: 100%; max-height: 300px;}
#content #divider #boxes h2 {position: absolute; bottom: 0; left: 0; width: 96%; background-color: #000; color: #fff; padding: 10px 2%}

#advertisements {display: block; width: 98%; padding: 1%; text-align: center; width: 100%;}
#advertisements h1 {text-align: center; font-family: "Poppins", sans-serif;}
#advertisements #carouselslide {display: block; position: relative; width: 100%; height: 300px; text-align: left;}
#advertisements #carouselslide #item {display: inline-block; width: 88%; vertical-align: top; border: 1px solid #000; height: auto;}
#advertisements #carouselslide #item h2 {text-align: center; font-family: "Poppins", sans-serif; font-size: 100%;}
#advertisements #carouselslide #item img {width: 100%; height: auto; max-height: 300px;}

#columnists {display: block; width: 98%; padding: 1%; text-align: center;}
#columnists h1 {text-align: center; font-family: "Poppins", sans-serif;}
#columnists h2 {text-align: center; font-family: "Poppins", sans-serif; font-size: 100%;}
#columnists #divider {display: inline-block; width: 96%; vertical-align: top; height: auto; overflow: hidden !important; padding: 2%}
#columnists #divider img {width: 100%; height: auto;}

#morearticles {display: block; width: 98%; padding: 1%; text-align: center;}
#morearticles #divider {width: 22%; display: inline-block; vertical-align: top; padding: 1%; margin: 0 !important; border: 1px solid #000;}
#morearticles #divider img {width: 100%; height: 100%; max-height: 300px;}
#morearticles #divider h3 {background-color: #000; color: #fff; display: block; width: 96%; margin: 0 auto; padding: 10px 2%; font-weight: normal; font-size: 150%}

#footer {display: block; width: 98%; padding: 1%; text-align: center; background-color: #414141; margin: 50px auto 0;}
#footer #divider {width: 31%; display: inline-block; vertical-align: top; padding: 20px 1%; margin: 0 !important; text-align: left;}
#footer #divider h1 {font-family: "Poppins", sans-serif; color: #fff; font-size: 100%; border-bottom: 5px solid #fff}
#footer #divider.about {}
#footer #divider.about img {width: 100%; height: auto; margin: 20px auto;}
#footer #divider.about p {color: #fff; font-family: "Poppins", sans-serif; font-size: 90%}
#footer #divider.social {}
#footer #divider.social img {width: 50px; height: auto; display: inline-block; margin: 5px 0}
#footer #divider.social ul {list-style: none; margin: 0; padding: 0;}
#footer #divider.social ul li {display: inline-block; margin: 5px; padding: 10px 5px; background-color: #fff; color: #a10; border-radius: 10px; cursor: pointer;}
#footer #divider.social ul li:hover {color: #000}
#footer #divider iframe {width: 100%; border:none; overflow:hidden}

#copyright {display: block; background-color: #000;}
#copyright span {display: block; text-align: center; color: #fff; font-size: 80%; padding: 5px 0}

.pagination {clear:both; position:relative; font-size: 110%; display: block; margin: 20px auto; text-align: left;}
.pagination span, .pagination a {border-radius: 5px; display: inline-block; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color: #fff; background: #9b0000; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out;}
.pagination a:hover{color: #336; background: #9b0000}
.pagination .current{padding:6px 9px 5px 9px; background: #414141; color:#fff;}

#archive {display: block; width: 98%; padding: 1%; text-align: center;}
#archive #listing {display: inline-block; width: 73%; vertical-align: top; padding: 1%; text-align: left:}
#archive #listing #article {display: block; padding: 10px 5%; margin: 20px auto; background-color: #f1f1f1;}
#archive #listing #article img {width: 100%; height: auto;}
#archive #listing #article P {padding: 0 5%; font-size: 90%; font-family: "Poppins", sans-serif; margin: 0 auto 10px; text-align: left;}
#archive #listing #article h4 {margin: 5px auto; padding: 0 auto; font-weight: normal; color: #a10; text-align: left;}
#archive #listing #article h5 {margin: 5px auto; padding: 0 auto; font-weight: normal; color: #a10; text-align: left;}
#archive #listing #article h1 {margin: 5px auto; padding: 0 auto; text-align: left;}
#archive #listing #article .left {width: 25% !important; display: inline-block; vertical-align: top;}
#archive #listing #article .right {width: 70% !important; display: inline-block; vertical-align: top;}
#archive #listing #article button {background-color: #a10; color: #fff; border: 1px solid #000; padding: 10px 20px; display: inline-block; float: right; cursor: pointer;}

#archive #sidebar {display: inline-block; width: 22%; vertical-align: top; padding: 1%; background-color: #414141}
#archive #sidebar #adshere {display: block; width: 100%;}
#archive #sidebar #adshere #slot {display: block; width: 100%; height: auto;}
#archive #sidebar #adshere #slot img {width: 100% !important; display: block; height: auto; display: block; margin: 0 auto 20px;}

#thepost {display: inline-block; width: 73%; vertical-align: top; padding: 1%; text-align: left:}
#thepost #article {display: block; text-align: left;}
#thepost #article #ftimg {width: 50%; margin: 20px auto; padding: 10px;}
#thepost #article #ftimg img {width: 96%; height: auto; border: 5px double #ccc; padding: 2%;}
#thepost #article p {font-size: 90%; font-family: "Poppins", sans-serif; padding-right: 20px;}