/*
Theme Name: gogoanime.studio
Theme URI: gogoanime.studio
Author: nghiavd
Author URI: putlockercads@gmail.com
Description: clone from gogoanime.city This is new interface
Version: 1.0
*/

.front .container-logo{
	width: 100%; 
	display:flex; 
	justify-content: center; 
	align-items: center; 
	/*margin-top: 50px;*/
}

.front .container-form{
	width: 100%; 
	margin-top: 50px; 
	display:flex; 
	justify-content: center; 
    align-items: center;
}

@media screen and (min-width: 1025px){
	.front .container-form .form-search-in-front{
		width: 50%; 
		height: 60px; 
		background-color: white; 
		border-radius: 5px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 376px){
	.front .container-form .form-search-in-front{
		width: 70%; 
		height: 50px; 
		background-color: white; 
		border-radius: 5px;
	}
}

@media screen and (max-width: 376px){
	.front .container-form .form-search-in-front{
		width: 90%; 
		height: 50px; 
		background-color: white; 
		border-radius: 5px;
	}
}



.front .container-form .form-search-in-front button{
	width: 90px; 
	border: none; 
    display:flex; 
    justify-content: center; 
    align-items: center; 
    background-color: #feaf1d;  
    border-top-right-radius: 5px; 
    border-bottom-right-radius: 5px;
}

.front .description{
	width: 100%; 
	margin-top: 10px;
	padding: 5px;
	padding: 5px;
}

.front .description .container-go-to-home{
	width: 100%; 
	display: flex; 
	flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    color: white
}

.front .description .container-go-to-home .go-to-home{
	background-color: #ffc119; 
	outline: none; 
	border: none; 
    padding: 10px 20px; 
    border-radius: 5px; 
    font-size: 16px; 
    font-weight: 400; 
    color: white        
}

.front .description .description-content{
	width: 100%; 
	color: white
}

@media only screen and (max-width: 1024px){
img {
    max-width: 100%;
    height: auto;
}
.content-page-front {
    font-size: large !important;
}
.container-go-to-home {
    font-size: medium;
    text-align: center;
}
.anime_video_body_cate, .anime_video_body_cate a {
		font-size: 15px !important;
	}
.anime_name h2 {
    font-size: 15px !important;
}
h1 {
    font-size: 20px !important;
}
ul#episode_related li a div.name {
    font-size: large !important;
}
ul#episode_related li a div.cate {
    font-size: large !important;
}
.container-go-to-home p {
    margin: 0 20px;
}
.content-page-front h2 {
    display: block;
    text-align: center;
}
	}

/*.content-page-front {
    text-align: left;
    font-size: medium;
}

.content-page-front h1 {
    text-align: center;
    font-size: xx-large;
    margin-bottom: 15px;
    font-weight: 300;
}
.content-page-front h2 {
    font-size: x-large;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 300;
    color: #fff;
}
.content-page-front .center {
    text-align: center;
}
.content-page-front p {
    margin: 0 0 15px 0;
    color: #888;
}

.content-page-front p a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}
.content-page-front li {
    margin-bottom: 15px;
    color: #888;
}
.content-page-front ol {
    padding-left: 20px;
}

@media only screen and (max-width: 1090px){
.content-page-front {
    margin: 0 20px;
}
}*/

.front .container-form .form-search-in-front .search-home{
    background-color: #feaf1d;
}
div.content-page-front h1{
    font-weight: bold;
}
div.content-page-front h2 {
    display: block;
    margin-top: 15px;
    font-weight: normal;
}

.content-page-front,.container-go-to-home p {
    color: #e0e0e0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  
}

.content-page-front ul {
    margin: 15px 0;
    padding-left: 20px;
}

.content-page-front a {
    color: #ffc119;
}

/*Nguyet fix*/
.description-content {
    font-size: 14px;
    line-height: 2;
    text-align: justify;
}

.description-content h1 {
    font-size: 30px;
    text-align: center;
}

.description-content h3 {
    font-size: 25px;
}

ul {
    margin-left: 15px;
}
li {
    padding-left: 15px;
}
p.front-img {
    text-align: center;
}
@media screen and (max-width: 782px)
html {
    margin-top: 0 !important;
}
@media only screen and (max-width: 1087px){
section.headnav .headnav_left img {
    max-height: 32px !important;
    width: auto;
	margin-left: 200px;
}
}
@media only screen and (max-width: 479px){
section.headnav .headnav_left img {
    max-height: 32px !important;
       margin-top: 0 !important;

}
	section.headnav .headnav_left {
		margin-left: calc(50% - 41px) !important;
}
}
