a.logobody {
	/*margin:0 -15px;*/
}
.pad-0 {
    padding: 0;
}
img.aligncenter {
    width: 100%;
    height: auto;
}
input {
    border: solid 1px #e6e6e6;
    width: 100% !important;
}
textarea {
    border: solid 1px #e6e6e6;
    width: 100% !important;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    background: #494949;
    border: #eee;
    padding: 12px;
    color: #fff;
}
.header {
	background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    z-index: 999;
	    text-align: center;
}
.header img {
    height: 60px;
    margin: 25px;
}
.header .header-menu {
    padding: 7px;
}
.header .header-menu ul {
    padding: 0 0 15px 0;
}
.header .header-menu li {
    list-style-type: none;
    display: inline;
}
.header .header-menu li a {
    padding: 14px;
    color: #727272;
	text-decoration: none;
}
.header .header-menu li a:hover {
    color: #222;
}
.article-h1 {
	line-height: 1.5;
      font-size: 24px;
    margin-bottom: 15px;
      margin-top: 7px;
}
.article {
    margin: 20px 0;
}
.article-content {
    line-height: 2;
}
.aside {
	background:yellow;
}
.movie-info {
	text-align: center;
    font-weight: bold;
    padding: 20px;
}
.related-posts {
	text-align: center;
    font-weight: bold;
    padding: 20px;
}
.footer {
    background: #2b2d30;
    text-align: center;
    padding: 100px;
}
.footer a {
    font-size: 20px;
    text-decoration: none;
    color: #bcbcbc;
}
.footer a:hover {
    color: #fff;
}
.footer p {
    font-size: 16px;
    text-decoration: none;
    color: #bcbcbc;
}
.footer .socials a {
    padding: 5px;
}
.movie-info span {
    border-bottom: solid 4px #903;
    padding-bottom: 10px;
}
.movie-info img {
    margin-bottom: 30px;
		border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
        height: auto;
    width: 100%;
}
.movie-info-details {
    margin: 50px 0;
    text-align: justify;
		font-weight: normal;
}
.movie-info-details a {
  text-decoration: underline;

}
.article-tags a {
    border: solid 1px #eee;
    margin-right: 10px;
    font-size: 12px;
    color: #999;
    padding: 2px 5px;
    text-decoration: none;
		display: inline-block;
    margin-bottom: 7px;
		transition: all 0.3s;
}
.article-tags a:hover {
    color: #3b3b3b;
}
.article-tags {
    margin-top: 14px;
}
.article-cat a {
    border: solid 1px #eee;
    margin-right: 10px;
    font-size: 12px;
    color: #999;
		display: inline-block;
    margin-bottom: 7px;
    padding: 2px 5px;
    text-decoration: none;
		transition: all 0.3s;
}
.article-cat a:hover {
    color: #3b3b3b;
}
.article-date {
    color: #686868;
    font-size: 13px;
        padding-top: 15px;
}
.social-share {
    /* background: #eee; */
    display: inline-block;
    /* padding: 8px; */
    margin-top: 15px;
}
.social-share a {
	color: #555;
	font-size: 18px;
    padding-right: 10px;
}
.social-share .facebook-share:hover {
	color: #3b5998;
}
.social-share .twitter-share:hover {
	color: #1da1f2;
}
.social-share .linkedin-share:hover {
	color: #0077b5;
}
.social-share .reddit-share:hover {
	color: #ff4500;
}
.article-post {
    display: block;
    margin: 30px 0 0 0;
}
.article-post h2 {
    color: #555;
    font-size: 16px;
    padding: 15px 0 0 0;
    margin-bottom: 0;
    line-height: 1.4;
    text-align:left;
}
.wp-block-image img {
    border-radius: 5px !important;
    height: auto;
}
.article-post:hover h2 {
    color: #000;
    padding: 15px 0 0 0;
}
.article-post img {
	border-radius: 18px;
	transition: all 0.2s;
  width: 100%;
height: auto;
border: solid 1px #ececec;
}
.article-post:hover img {
	filter: grayscale(100%);
}
.article-post a {
    text-decoration: none;
}
.article-post span {
    color: #555;
    font-size: 16px;
}
.article-post .view {
    font-size: 10px;
    display: block;
    text-align: left;
    margin-top: 10px;
}
/*.hamburger {
    position: relative;
    display: inline-block;
    width: 1.25em;
    height: 0.8em;
    margin-right: 0.3em;
    border-top: 0.2em solid #fff;
    border-bottom: 0.2em solid #fff;
}

.hamburger:before {
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #fff;
}*/





/* Add a black background color to the top navigation */
span.menu {
    padding: 0;
    display: block;
}

.topnav {
  /*background-color: #333;*/
	background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  overflow: hidden;
}
.topnav ul li {
    list-style-type: none;
    display: inline;
}
/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  /*padding: 14px 16px;*/

}
.topnav a {
  float: left;
  display: block;
  color: #727272;
  text-align: center;
  padding: 27px 16px;
  text-decoration: none;
  font-size: 17px;
	transition: all 0.2s;
}
a.logo {
    padding-top: 20px;
    padding-bottom: 0;
}
/* Change the color of links on hover */
.topnav a:hover {
  /*background-color: #ddd;*/
  color: #222;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  /*background-color: #04AA6D;*/
  color: #727272;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
.header-search {
    float: right;
		display: block;
    padding: 23px;
}
.header-search-mobile {
    float: right;
		display: none;
    padding: 23px;
}
.pagination .page-numbers {
    background: #78909C;
    color: #fff;

    padding: 5px 12px;
    border-radius: 3px;
}
.pagination a.page-numbers:hover {
    background: #62757e;
}
a.page-numbers{
      text-decoration: none;
}
.pagination .current {
    background: #455A64;
}
nav.navigation.pagination {
    width: 100%;
    margin: 40px 0 0 0;
}
nav.navigation.pagination .nav-links {
    margin: 0 auto;
}
.mybreadcrumb {
    color: #90A4AE;
    font-size: 12px;
}
.mybreadcrumb a {
    color: #90A4AE;
    text-decoration: none;
}
.mybreadcrumb a:hover {
    color: #607D8B;
}
.archive-description {
    margin: 20px 0 0 0;
}
.articles-section {
    margin-bottom: 30px;
}
a.imdb-link {
  text-decoration: none;
}
a.imdb-link:hover {
  color: #000;
  background: #f5b118;
}
.imdb-link {
  background: #F5C518;
color: #000;
font-size: 14px;
font-weight: bold;
padding: 4px 8px;
border-radius: 3px;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
		padding: 20px;
    font-size: 23px;
  }
	a.logo {
	    /*padding-top: 15px;*/
	    /*padding-bottom: 13px;*/
	    padding: 20px .0 !important;
	}
  .topnav a {
    padding: 10px 16px;
  }
	.topnav {
    padding: 10px 16px;
}
.movie-info img {
 width: 80%;
}
.header-search {
    float: right;
		display: none;
    padding: 23px;
}
.header-search-mobile {
    float: right;
		display: block;
    padding: 23px;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 16px;
    top: 10px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.ex-area {
        text-align: center;
    background: #73026a;
    padding: 15px 15px 5px;
    margin: 15px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
}
.fr-area {
    text-align: center;
    background: #b54fad;
    padding: 15px 15px 5px;
    margin: 15px;
    border-radius: 15px;
    font-weight: 700;
    color: #fff;
}
.green-btn a {
    display: inline-block;
    background: #28a745;
    color: #fff !important;
    padding: 7px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
    margin: 15px 0;
    font-weight: bold;
}

.green-btn a:hover {
    background: #218838;
    color: #fff !important;
}

.red-btn a {
    display: inline-block;
    background: #ff0000;
    color: #fff !important;
    padding: 7px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
    margin: 15px 0;
    font-weight: bold;
}

.red-btn a:hover {
    background: #d80000;
    color: #fff !important;
}

iframe[src*="youtube.com/embed"] {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    border: 0;
}