/*
 Theme Name:   Anymags Travel
 Theme URI:    
 Description: Embark on a creative journey with Anymags Travel – the enchanting child theme that brings a world of possibilities to your WordPress website. Designed to capture the essence of wanderlust and adventure, Anymags Travel is your passport to crafting a unique online presence. Explore a palette of captivating design elements, inspired by the beauty of global destinations. Whether you're a travel blogger, a photography enthusiast, or simply a dreamer with stories to share, this child theme offers a canvas as limitless as your imagination. Anymags Travel seamlessly integrates with your favorite Anymags theme, enhancing its functionality and style. Craft visually stunning pages, effortlessly customize layouts, and showcase your travel tales with elegance. Unleash your creativity, and let Anymags Travel take you on an unforgettable digital expedition. Unlock a world of endless possibilities for your WordPress website with Anymags Travel. 
 Author:       blogwp
 Author URI:   
 Template:     anymags
 Version:      1.0.0
 Requires at least: 5.5
 Tested up to: 6.2
 Requires PHP: 5.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         left-sidebar, right-sidebar, custom-logo, custom-menu, featured-images, footer-widgets, custom-colors, custom-header, theme-options, threaded-comments, blog
 Text Domain:  anymags-travel
*/

*{
   font-family: 'Maven Pro', sans-serif;
}

h1,h2,h3,h4,h5,h6,p,span{
    font-family: 'Barlow', sans-serif;
}

.blog-sec-wp .blog-area .blog-content p {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
	text-align: left;
}

.blog-sec-wp .blog-area .blog-content .read-more{
    font-size: 17px;
    color: #fff;
    background: #00ccff;
    border-radius: 5px;
}
.blog-sec-wp .blog-area .blog-content .read-more i {
    display: none;
}

.anymags-main-navigation .wrapper {
    background: #00ccff;
    padding: 10px 0;
}

.anymags-main-navigation ul.nav-menu > li:hover > a, .anymags-main-navigation ul.nav-menu > li.focus > a {
    color: #fff;
}

.sidebar article a{
    text-decoration: underline !important;
}

@media screen and (min-width: 1024px){
    .anymags-main-navigation ul ul li:hover > a,.anymags-main-navigation ul ul li.focus > a {
        background-color: #00ccff;
        color: #fff;
    }
}

.anymags-menu-toggle:hover,.anymags-menu-toggle:focus {
    outline: 1px dotted #fff !important;
}

.slider-active .slick-track::before{
    background-color: rgb(254, 235, 229);
    position: absolute;
    width: 590px;
    height: 575px;
    content: "";
    right: 0;
    bottom: 50px;
    border-radius: 0 0px 10px 10px;
}
.text a{
    text-decoration: underline !important;
}

.slider-active .slick-dots {
    position: absolute;
    top: 40%;
    left: 22%;
}
.slider-active .slick-dots li button {
    text-indent: -99999px;
    border: none;
    padding: 0;
    height: 1px;
    margin-left: 10px;
    background: #fa346e;
    border-radius: 50px;
    z-index: 1;
    cursor: pointer;
    transition: .3s;
    
}
 .slider-active .slick-dots li.slick-active button {
    width: 50px;
   background: #fa346e;
}
.slider-active .slick-dots li.slick-active button::before {
    background: url("../img/bg/active-dote.html");
    opacity: 1;
}
.slider-active .slick-dots li button::before {
    content: "";
    width: 19px;
    height: 19px;
    background: url("../img/bg/dote.html");
    float: left;
    position: relative;
    margin-top: -9px;
    left: -19px;
    border-radius: 50%;
    opacity: .7;
    background-repeat: no-repeat;
    background-position: center;
}

.slider-active .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 70px;
    height: 60px;
    width: 60px;
    color: #fa346e;
    font-size: 18px;
    line-height: 65px;
    border: none;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    box-shadow: 4px 2px 0 0 transparent;
    transition: .5s;
}
.slider-active .slick-next {
    right: 70px;
    left: auto;
}
.slider-active .slick-arrow:hover {
    box-shadow: 4px 2px 0 0 #fa346e;
}

.box-slider-post
{
    margin: 0 15px;
    position: relative;
    border-radius: 0px;
    overflow: hidden;
}

.category-post-slider-active {
    margin: -25px -760px;
}

.box-slider-post .text{
    position: absolute;
    top: 65%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 70%;
    z-index: 1;
}
.box-slider-post .text h5,.box-slider-post .text h3{
    color: #fff;
}
.box-slider-post .text h3{
  font-size: 38px;
}
.box-slider-post .text .post-tags{
    margin-bottom: 10px;
}
.box-slider-post .text .post-tags li {
    display: inline-block;
    margin-right: 10px;
}
.box-slider-post .text .post-tags li a{
    color: #fff;
}

.box-slider-post .text .post-tags .slider-cat
{
    padding: 1px 10px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
}

.box-slider-post img{
    height: 700px !important;
}

.box-slider-post .text .post-tags .slider-cat:before{
        content: '';
        width: 30px;
        height: 1px;
        display: block;
        margin-right: 20px;
        position: relative;
        right: 50px;
        top: 13px;
        background-color: #eee6e2;
}

.box-slider-post .text h3 a{
        color:#fff;
        letter-spacing: 2px;
}

.blog-content-page ul{
    margin-bottom: 5px;
}

.wp-header .logo-area a {
    font-size: 48px;
    color: #00ccff;
    font-weight: 700;
    overflow-wrap: break-word;
}

.fix{
    overflow: hidden;
}

.post-tags .byline{
    text-transform: capitalize;
    color: #fff;
}

.post-tags .icon{
    text-transform: capitalize;
    color: #fff;
}
.blog-sec-wp .paging-navigation .navigation a:focus{
    background-color: #00ccff;
    border-color: #00ccff;
}

.box-slider-post{
    position: relative;
}

.box-slider-post:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.5;
    left: 0;
}

#myBtn {
    background: #00ccff;
}

.wp-block-search .wp-block-search__button {
    background: #000;
}

.wp-header .wp-topbar #topbar-menu li a:after {
    background: #00ccff;
}

.wp-header .wp-topbar #topbar-menu li:last-child a:after{
  display: none;
}

.wp-header .wp-topbar ul li a {
    font-size: 16px;
}

.anymags-main-navigation a {
    font-size: 18px;
}

.wp-header .wp-topbar ul li a:hover, .wp-header .wp-topbar ul li span:hover {
    color: #00ccff;
}

.wp-header .wp-topbar ul li a:focus,.wp-header .wp-topbar ul li span:focus{
  color: #00ccff;   
}

.widget{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 20px;
}

.unique:hover{
    box-shadow: 0 0 20px #cfcfcf;
    border-radius: 7px;
}

.wp-header .wp-topbar .topbar-left ul li a:hover {
    color: #00ccff;
}

.wp-header .wp-topbar .topbar-left ul li a:focus {
    color: #00ccff;
}

.blog-top-content{
    text-align: center;
}

.blog-sec-wp .blog-user-details li i {
    color: #00ccff;
}

.sidebar .widget .wp-block-group .wp-block-group__inner-container h2:before,.sidebar .widget h2:before {
    background-color: #00ccff;
}

.wp-block-latest-comments__comment-meta {
    color: #00ccff;
}

.blog-sec-wp .blog-area .content{
    padding: 22px;
}

.blog-sec-wp .blog-area .blog-content .read-more:hover {
    color: #fff;
    border-radius: 50px;
    transition: 0.5s all ease-in-out;
    background: #00ccff;
}

.wp-header .wp-topbar{
    padding: 10px 0;
}
.blog-sec-wp .blog-area .blog-content .read-more:focus {
    background-color: #00ccff;
}

.blog-sec-wp .blog-user-details {
    display: inline-flex;
    align-items: center; 
    padding-left: 0;
}

.blog-content-page h3{
    line-height: 1.2;
}

.blog-sec-wp .blog-area .blog-content h3 a{
    font-size: 32px;
}

.blog-sec-wp .blog-area .blog-img {
    position: relative;
    padding-bottom: 20px;
}

.blog-sec-wp .sidebar .widget_archive ul li a:before, .blog-sec-wp .sidebar .wp-block-archives li a:before {
    content: '\f101';
    font-family: fontAwesome;
    position: absolute;
    top: 2px;
    left: -20px;
    color: #00ccff;
    line-height: 18px;
    font-size: 15px;
}

.sidebar .widget_categories ul .cat-item::before, .sidebar .wp-block-categories .cat-item::before {
    content: '\f101';
    font-family: 'fontAwesome';
    font-size: 14px;
    color: #00ccff;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 0;
    transition: all 0.2s;
}

.blog-sec-wp .paging-navigation .navigation .current {
        background: #00ccff;
}

.blog-sec-wp .paging-navigation .navigation .current {
        background: #00ccff;
        border-color: #00ccff;
}

.blog-content-page{
    text-align: revert;
}

.blog-sec-wp .paging-navigation .navigation a:hover {
    color: #fff;
    background-color: #00ccff;
    border-color: #00ccff;
}

.blog-sec-wp .blog-area .blog-content .title a:hover {
    color: #00ccff;
}

.blog-sec-wp .blog-user-details li .byline {
     font-family: 'Cormorant Garamond', serif;
}

.blog-sec-wp .blog-area .blog-content .title a:focus {
    color: #00ccff;
}

.blog-sec-wp .blog-user-details li a {
     font-family: 'Cormorant Garamond', serif;
}

.sidebar .widget_block .wp-block-group .wp-block-latest-posts li a {
    font-family: 'Cormorant Garamond', serif;
}

blockquote::before {
    color: #00ccff;
}

.blog-content ul li a {
    color: #00ccff !important;
}

.navigation-blog .navi-item .navi-text .name-navi {
    color: #00ccff;
}

.entry-footer .cat-links a {
    color: #00ccff;
}

.entry-footer .tags-links a {
    color: #00ccff;
}

.entry-footer .comments-link a {
    color: #00ccff;
}

.comments-area .comment-respond .comment-form .form-submit .submit {
    background: #00ccff;
}
.comments-area .comment-respond .comment-form .form-submit .submit:hover {
    background: #000;
}

.sidebar ul li a:hover {
    color: #00ccff !important;
    text-decoration: underline !important;
}

.sidebar ul li a:focus {
    color: #00ccff !important;
    text-decoration: underline !important;
}

.comments-area .comment-list .comment .comment-body .comment-content p a {
    color: #00ccff;
    text-decoration: underline !important;
}

.comments-area .comment-list .comment .comment-body .comment-meta .comment-metadata a time:hover {
    text-decoration: underline !important;
    color: #00ccff !important;
}

.comments-area .comment-list .comment .comment-body .comment-meta .comment-metadata a time:focus {
    text-decoration: underline !important;
    color: #00ccff !important;
}

.wp-block-quote p{
    padding-left: 20px;
}

.wp-block-quote a{
    color: #00ccff !important;
}

.anymags-main-navigation a {
    display: block;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}

.footer-section .footer-top {
    padding-top: 40px;
}

.social-area li .fa-facebook{
    color:blue;
}
.social-area li .fa-twitter{
    color:#1DA1F2;
    
}
 aside p{
    color: #ffff;
}

.social-area li .fa-youtube-play{
    color:#FF0000;
}

.social-area li .fa-instagram{
   
    color:#8a3ab9;
}

.anymags-main-navigation .menu-item-has-children > a:after{
    position: relative;
    top: 2px;
}

.footer-section .footer-top .widget-title:after, .footer-section .footer-top .widget .wp-block-group h2:after, .footer-top .widget h2:after {
    background-color: #00ccff;
}
.box-slider-post img {
    height: auto;
    width: 100%;
}

.anymags-main-navigation .nav-menu ul li ul li a {
    color: #000;
}

.anymags-main-navigation ul ul.children .page_item_has_children > a:after {
     content: "\f105" !important; 
}

.anymags-main-navigation .nav-menu ul ul li:hover > a,.anymags-main-navigation .nav-menu ul ul li.focus > a {
    background-color: #000;
    color: #fff;
}

.anymags-blog a:hover{
    text-decoration: underline;
}

.blog-sec-wp .content-part a {
    text-decoration: underline !important;
    color: #00ccff !important;
}
.anymags-main-navigation ul ul li a:hover, .anymags-main-navigation ul ul li.current-menu-ancestor:hover > a {
    color: #fff !important;
}

.anymags-main-navigation .nav-menu ul ul li:hover > a, .anymags-main-navigation .nav-menu ul ul li.focus > a {
    background-color: #00ccff;
    color: #fff !important;
}


@media screen and (max-width:768px){
        .anymags-main-navigation .nav-link {
                color: #00ccff !important;
        }
}

.anymags-main-navigation ul.nav-menu .current_page_item > a, .anymags-main-navigation ul.nav-menu .current-menu-item > a, .anymags-main-navigation ul.nav-menu .current_page_ancestor > a, .anymags-main-navigation ul.nav-menu .current-menu-ancestor > a {
    color: #00ccff;
}

.sidebar a, .logged-in-as a, .navigation-blog a, .paging-navigation a {
   
    color: #00ccff;
}

.post-nav-links .current {
    position: relative;
    color: #ffffff;
    padding: 10px 18px;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #dddddd;
    margin-right: 10px;
    transition: all 0.5s;
    background: #00ccff;
    z-index: 1;
    border-color: #00ccff;
}

#myBtn:hover {
    background-color: #00ccff;
}
.widget_tag_cloud .tagcloud .tag-cloud-link:hover, .widget_tag_cloud .wp-block-tag-cloud .tag-cloud-link:hover, .widget .wp-block-group .wp-block-tag-cloud .tag-cloud-link:hover
{
	background-color: #00ccff;
}
.blog-sec-wp .blog-area .blog-content .read-more {
       margin: auto;
}
.footer-section .footer-top ul li a:hover
{
	 color: #00ccff !important;
}
.navigation-blog .navi-item .navi-arrow:hover{
    background: #00ccff;
    border-color: #00ccff;
}
.navigation-blog .navi-item .navi-text .title-navi a:hover{
    color: #00ccff;
}
.navigation-blog .navi-item .navi-text .info-navi a:hover{
    color: #00ccff;
}