/*!

Theme Name: Canada Daily News

Theme URI: #

Author: Store Transform

Author URI: https://storetransform.com/

Description: A powerful multisite WordPress theme designed for news and content publishing networks. News Multisite provides a flexible foundation for managing multiple news sites with shared functionality while allowing for individual site customization. Features include responsive design, optimized typography for readability, and built-in support for multimedia content.

Version: 1.0.0

Tested up to: 5.4

Requires PHP: 5.6

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: canada-daily-news

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned.



Canada Daily News is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');


:root {

    --lora-font: "Titillium Web", sans-serif;

    --EB-garamond-font: "Instrument Sans", sans-serif;

    --league-spartan-font: "League Spartan", serif;

}



*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body,html{

     font-family: var(--lora-font);

     font-weight: 400;

     font-size: 14px;

    overflow-x: hidden;

    color: var(--color-black);

}



ul{

    padding: 0;

    list-style: none;

}

ul li,li{

    margin: 0;

}

.container{

    width: 100%;

    max-width: 1240px;

    padding: 0 20px;

    box-sizing: border-box;

    margin: 0 auto;

    
}
.container{
    width: 100% !important;
    max-width: 1200px !important;
    /* margin:0px !important; */
    padding:0 20px !important;
    box-sizing: border-box !important;
}



.logo {

    padding: 20px 0;

    text-align: center;

}

.logo .multisite-main-logo {

    display: block;

    margin: 0 auto;

    width: 100%;

    max-width: 275px;

    aspect-ratio: 4;

    object-fit: contain;

}

footer .multisite-footer-logo {

    display: block;

    max-width: 100%;

    height: auto;

    aspect-ratio: 4;

    object-fit: contain;

    object-position: top left;

}

.navigation ul {

    display: flex;

    align-items: center;

    gap: 30px;

}



nav {

    background: var(--color-nevy-blue);

    padding: 20px 0;

}



.navigation ul li a {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    color: var(--color-white);

    text-align: center;

    vertical-align: middle;

    text-decoration: none;

}

.nav-content {

    display: flex;

    align-items: center;

    justify-content:space-between;

    gap: 50px;

}


.navigation{
    width: 100%;
    display: flex;
    justify-content: center;
}



/* .nav-right {

    display: flex;

    align-items: center;

    gap: 15px;

    position: relative;

}



.nav-right button {

    background: var(--color-red);

    padding: 10px 16px;

    box-shadow: none;

    border: 1px solid var(--color-red);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 1.2em;

    color: var(--color-white);

    vertical-align: middle;

    cursor: pointer;

    border-radius: 6px;

    transition: all 0.3s ease;

    transform: translateY(0);

}



.nav-right button:hover {

    background-color: transparent;

    border-color: var(--color-red);

    transform: translateY(-3px);

}

.nav-right i.fas.fa-search{

    transition: all 0.3s ease;

    cursor: pointer;

}

.nav-right i.fas.fa-search:before {

    content: '';

    background: url(/wp-content/themes/canada-daily-news/assets/images/search.png)no-repeat;

    background-size: contain;

    width: 20px;

    height: 20px;

    display: inline-block;

    vertical-align: middle;

    transition: all 0.3s ease;

}

nav .nav-right form {

    position: absolute;

    top: 50%;

    right: 100%;

    width: 400px;

    max-width: none;

    height: 60px;

    background: #fff;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

    margin: 0;

    padding: 0;

    display: block;

    opacity: 0;

    pointer-events: none;

    transform: translateX(20px) translateY(-50%);

    transition: opacity 0.3s ease, transform 0.3s ease;

    visibility: hidden;

    border-radius:50px;

    z-index: 999;

}

nav .nav-right form.active {

    opacity: 1;

    pointer-events: auto;

    transform: translateX(0) translateY(-50%);

    visibility: visible;

}

.nav-right form.closing {

  transform: translateX(100%) translateY(-50%);

  pointer-events: none;

  visibility: hidden;

}



nav .nav-right form .form {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 15px;

}



nav .nav-right form .form input {

    width: 100%;

    height: 60px;

    border: 0;

    box-shadow: none;

    text-align: center;

    flex-basis: 95%;

    font-size: 22px;

    color: var(--color-black);

    font-weight: 600;

    font-family: var(--EB-garamond-font);

    border-radius: 50px;

}

nav .nav-right form .form input:focus{

    outline: none;

}



nav .nav-right form .form .header-search-type-close {

    flex-basis: 5%;

    cursor: pointer;

}



nav .nav-right form .form .header-search-type-close img {

    width: 20px;

    height: 20px;

    color: #000;

    fill: #000;

} */

.nav-right {

    position: relative;

    /* width: 100%;  */

}

.nav-right form input{

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: auto;

    width: 50px;

    height: 50px;

    outline: none;

    border: none;

    background:var(--color-white);

    color: var(--color-black);

    text-shadow: 0 0 10px var(--color-white);

    padding: 0 80px 0 20px;

    border-radius: 30px;

    transition: all 1s;

    opacity: 0;

    z-index: 5;

    font-weight: bolder;

    letter-spacing: 0.1em;

    font-family: var(--EB-garamond-font);

}

.nav-right form input:focus::placeholder{

    font-family: var(--EB-garamond-font);

    color: var(--color-black);

    opacity: 1;

    font-size: 16px;

}

.nav-right form input::placeholder {

    opacity: 0; 

    transition: opacity 0.3s ease;

}



.nav-right form input:hover {

   cursor: pointer;

}

.nav-right form input:focus {

   width: 300px;

   opacity: 1;

   cursor: text;

}

.nav-right form input:focus ~ .header-search-type-close {

   right: 10px;

   background: var(--color-red);

   z-index: 6;

}

.nav-right form input:focus ~ .header-search-type-close::before {

   top: 0;

   left: 0;

   width: 25px;

}

.nav-right form input:focus ~ .header-search-type-close::after {

   top: 0;

   left: 0;

   width: 25px;

   height: 2px;

   border: none;

   background: var(--color-white);

   border-radius: 0%;

   transform: rotate(-45deg);

}

.nav-right form input::placeholder {

   color: var(--color-white);

   opacity: 0.5;

   font-weight: bolder;

}

.nav-right .header-search-type-close {

   position: absolute;

   margin: auto;

   top: 0;

   right: 0;

   bottom: 0;

   left: auto;

   width: 40px;

   height: 40px;

   background: transparent;

   border-radius: 50%;

   transition: all 1s;

   z-index: 4;

   box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);

}

.nav-right .header-search-type-close:hover {

   cursor: pointer;

}

.nav-right .header-search-type-close::before {

    content: "";

    position: absolute;

    margin: auto;

    top: 10px;

    right: 0;

    bottom: 0;

    left: 10px;

    width: 10px;

    height: 2px;

    background: var(--color-white);

    transform: rotate(45deg);

    transition: all 0.5s;

}

.nav-right .header-search-type-close::after {

    content: "";

    position: absolute;

    margin: auto;

    top: -5px;

    right: 0;

    bottom: 0;

    left: -5px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    border: 2px solid var(--color-white);

    transition: all 0.5s;

}



footer.footer {

    background: var(--color-nevy-blue);

    padding: 80px 0 0 0;

    color: var(--color-white);

}

.footer-top .footer-col input[type="submit"] {

    background: var(--color-red);

    padding: 10px 16px;

    box-shadow: none;

    border: 1px solid #fff;

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H6--font-size-xs);

    line-height: 1.2em;

    color: var(--color-white);

    vertical-align: middle;

    cursor: pointer;

    border-radius: 6px;

    transition: all 0.3s ease;

    transform: translateY(0);

    width: auto;

    margin: 25px 0 0 0;

}



.footer-top .footer-col input[type="submit"]:hover {

    transform: translateY(-3px);

    background: transparent;

}



.footer-top .footer-col br {

    display: none;

}

.footer-top {

    display: flex;

    gap: 50px;

}



.footer-top .footer-col {

    width: 25%;

}



.footer-top .footer-col p {

    font-family: var(--lora-font);

    font-weight: 400;

    font-size: var(--H5--font-size-sm);

    line-height: 27px;

    margin: 40px 0;

    vertical-align: middle;

}

.footer-top .footer-col .footer-form p {

    margin: 0;

}



.footer-top .footer-col .footer-form p span.wpcf7-spinner {

    display: none;

}



.footer-top .footer-col h4 {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: var(--H4--font-size-md);

    line-height: 32px;

    vertical-align: middle;

}



.footer-top .footer-col h4:after {

    content: '';

    width: 50px;

    height: 3px;

    border-bottom: 3px solid var(--color-red);

    display: block;

    padding: 0 0 10px 0;

    margin: 0 0 40px 0;

}



.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output

 {

    border-color: var(--color-red);

    margin: 10px 0 0 0;

    padding: 5px 10px;

    font-size: 14px;

}



.footer-top .footer-col ul li a {

    font-family: var(--lora-font);

    font-weight: 400;

    font-size: var(--H5--font-size-sm);

    line-height: 27px;

    color: #EDEDED;

    vertical-align: middle;

    text-decoration: none;

    display: block;

    padding: 0 0 10px 0;

    transition: all 0.3s ease;

}

.footer-top .footer-col ul li a:hover{

    color: var(--color-red);

}



.social-icons {

    display: flex;

    gap: 10px;

}



.social-icons a {

    border-radius: 100%;

    background: #0A0A0A;

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    color: var(--color-white);

    transition: all 0.3s ease;

}

.social-icons a:hover{

    background: var(--color-red);

}

.footer-logo {

    margin: 0 0 20px 0;

}

.footer-top .footer-col input {

    display: block;

    width: 100%;

    background: transparent;

    box-shadow: none;

    border-bottom: 1px solid #FFFFFF14;    

    border-top: 0;

    border-left: 0;

    border-right: 0;

    padding: 16px 0;

    font-family: var(--lora-font);

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    color: var(--color-white);

    vertical-align: middle;

    margin: 0 0 25px 0;

}

.footer-top .footer-col input:focus{

    outline: none;

}

.footer-top .footer-col input::placeholder{

    color: var(--color-white);

}

.footer-top .footer-col button {

    background: var(--color-red);

    padding: 10px 16px;

    box-shadow: none;

    border: 1px solid var(--color-red);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 1.2em;

    color: var(--color-white);

    vertical-align: middle;

    cursor: pointer;

    border-radius: 6px;

    transition: all 0.3s ease;

    transform: translateY(0);

}

.footer-top .footer-col button:hover{

    transform: translateY(-3px);

}

.footer-bottom {

    border-top: 1px solid #FFFFFF1A;     

    padding: 20px 0;

    margin: 80px 0 0 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.footer-bottom p {

    font-family: var(--lora-font);

    font-weight: 400;

    font-size: var(--H5--font-size-sm);

    line-height: 35px;

    vertical-align: middle;

}



.footer-bottom ul {

    display: flex;

    align-items: center;

    gap: 15px;

}



.footer-bottom ul li a {transition: all 0.3s ease;;font-family: var(--lora-font);font-weight: 400;font-size: var(--H5--font-size-sm);line-height: 27px;color: #EDEDED;vertical-align: middle;text-decoration: none;}

.footer-bottom ul li a:hover{

    color: var(--color-red);

}

.footer-bottom ul li a:before {

    content: '';

    width: 7px;

    height: 7px;

    border-radius: 3.5px;

    display: inline-block;

    vertical-align: middle;

    background: var(--color-red);

    margin: 0 13px 0 0;

}



.footer-bottom ul li:nth-child(1) a:before {

    display: none;

}



.news-section {

  display: flex;

  color: white;

  padding: 20px 0 40px 0;

  justify-content: space-between;

}



.news-section .slider {

  width: calc(60% - 15px);

  position: relative;

  overflow: hidden;

  margin: 0;

}



.slide,.slides {

  position: relative;

  width: 100%;

  max-height: 564px;

}



/* .slide.active,.slides.active {

  opacity: 1;

  position: relative;

} */



.slide img,.slides img {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

}

.man-hoodies .slide img{
    height: 500px;
    object-fit: cover;
}

.top-banner .slick-list,.top-banner .slick-track{

    height: 100%;

}

.about-banner {
    height: auto;
    min-height: 200px;
    /* background: #121240 url(/wp-content/themes/news-multisite/assets/images/about.png) no-repeat right; */
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-size: 50% 100% !important;
}
.hero-title {
    color: #fff;
    font-family: "EB Garamond", serif;
    font-weight: 800;
    font-size:72px;
    line-height: 80px;
    margin: 0;
    
}
.about-content {
    width: 100%;
    max-width: 72%;
}
.about-content .section-heading {
    max-width: 85%;
    color: var(--theme-color-secondry);
    margin-bottom: 25px;
    font-family: 'EB Garamond';
    font-weight: 800;
    font-size: var(--H2--font-size-xl);
    line-height: 64px;
    vertical-align: middle;
}
.slide-content {

    position: absolute;

    bottom:0;

    left: 0;

    padding: 40px;

    max-width: 100%;

    width: 100%;

    z-index: 2;

}



.slide-content h2 a{

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size:var(--H2--font-size-xl);

    line-height: 1.4em;

    margin: 27px 0;

    vertical-align: middle;

    color: var(--color-white);

    text-decoration: none;

    display: block;

    transition: all 0.3s ease;

}

.slide-content h2 a:hover{

    color: var(--color-red);

}



.container .tag {

    color: var(--color-white);

    background: var(--color-red);

    padding: 7px 10px;

    border-radius: 3px;

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 21px;

    cursor: pointer;

    text-align: center;

    vertical-align: middle;

}

.container .tag a{

    color: var(--color-white);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 21px;

    cursor: pointer;

    text-align: center;

   text-decoration: none;

   transition: all 0.3s ease;

}

.container .tag a:hover,.container .tag:hover a{

    color: var(--color-red);

}

.container .tag:hover{

    background: var(--color-white);

    color: var(--color-red);

}



.meta {

  font-size:var(--H6--font-size-xs);

  margin-top: 10px;

  display: flex;

  color: var(--color-white);

  align-items: center;

}

.meta .meta-item {

    margin: 0;

    display: flex;

    align-items: center;

}

.meta .meta-item:empty{

    display: none;
    
    padding: 0;
}

.meta-item:has(span:empty){
    
    display: none !important;

}

.meta-item span:empty{

    display: none;

}

.meta span {

    display: block;

    margin: 0 12px 0 10px;

    text-transform: capitalize;

}

.meta span:empty{
    
    display: none;
    
}

.entry-search-title span.category-name {

    margin: 0;

}

.meta span.material-symbols-rounded{

    margin: 0;

}

.latest-posts {

   width: calc(40% - 15px);

    background: var(--color-nevy-blue);

    padding: 40px;

    flex-direction: column;

    /* gap: 30px; */

    display: flex;

}





.latest-posts .tag.red {

    background-color: var(--color-red);

    display: inline-block;

    margin: 0;

    padding: 7px 15px;

    border-radius: 3px;

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 1.2em;

    text-align: center;

    color: var(--color-white);

    vertical-align: middle;

    text-decoration: none;

    transition: all 0.3s ease;

}

.latest-posts .post:last-child {

    margin: 0;

}

.latest-posts .post {

    margin: 0 0 30px 0;

}

.latest-posts .tag.red a{

    margin: 0;

    display: inline-block;

    border-radius: 3px;

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H6--font-size-xs);

    text-align: center;

    vertical-align: middle;

}

.latest-posts .tag.red:hover a{

    color: var(--color-red);

}

.latest-posts .tag.red:hover{

    background: var(--color-white);

    color: var(--color-red);

}

.latest-posts .post a.latest-posts-title,.latest-posts .post a {

    display: block;

    margin: 16px 0 14px 0;

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: var(--H5--font-size-sm);

    line-height: 22px;

    vertical-align: middle;

    color: var(--color-white);

    text-decoration: none;

    transition: all 0.3s ease;

}

.latest-posts .post a.latest-posts-title:hover,.latest-posts .post a:hover{

    color: var(--color-red);

}



.latest-posts .meta {

    display: flex;

    color: var(--color-white);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    text-transform: capitalize;

}

.overlay {

position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);

  z-index: 1;

}

.digital img {width: 100%; }

.digital {padding: 0 0 100px 0; }



.custom-slider {

  max-width: 80%;

  width: 100%;

}



.slide-item {

    background: var(--color-white);

    display: flex;

    padding: 0 15px;

    justify-content: space-between;

}



.slide-item img {

    height: 116px;

    object-fit: cover;

    display: block;

    width: calc(43% - 10px);

}

.custom-slider .slide-tag {

    width: calc(57% - 10px);

    padding: 0 10px 0 0;

}

.slide-item a {

    margin: 0 0 10px 0;

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: var(--H5--font-size-sm);

    line-height: 25px;

    vertical-align: middle;

   color: var(--color-black);

   text-decoration: none;

   transition: all 0.3s ease;

   overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.slide-item a:hover{

    color: var(--color-red);

}



.date {

    color: var(--color-gray);

    font-family: var(--lora-font);

    font-weight: 400;

    font-size:var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    text-transform: capitalize;

}

.slider-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 0 100px 0;

}



.arrow-group {

    display: flex;

    gap: 25px;

}



.custom-prev, .custom-next {

    background: #E5E5E5;

    border: 0;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.3s ease;

}

.custom-prev:hover, .custom-next:hover{

    background: var(--color-red);

}

.custom-prev:hover i, .custom-next:hover i{

    color: var(--color-white);

}



.custom-prev i, .custom-next i {

    font-size: 35px;

    color: #0A0A0A;

}

.date span.material-symbols-rounded {

    font-size: 15px;

}

.custom-slider .slide-tag .date .material-symbols-rounded {

    padding: 0 5px 0 0;

    vertical-align: sub;

}

span.material-symbols-rounded {

    font-size: 15px;

}



.fashion-tag {

    font-family: var(--lora-font);

    font-weight: 600;

    font-size:var(--H6--font-size-xs);

    line-height: 14px;

    color: var(--color-red);

    vertical-align: middle;

    display: block;

    text-decoration: underline;

    margin: 0 0 20px 0;

}

.slide-item .fashion-tag a{

    font-family: var(--lora-font);

    font-weight: 600;

    font-size:var(--H6--font-size-xs);

    line-height: 14px;

    color: var(--color-red);

    vertical-align: middle;

    display: block;

    text-decoration: underline;

    margin: 0 0 20px 0;

    transition: all 0.3s ease;

}

.slide-item .fashion-tag a:hover{

    color: var(--color-black);

}



.slick-slide:nth-child(even) .fashion-tag,.slick-slide:nth-child(even) .fashion-tag a {

    color: #FFA100;

}

.slick-slide:nth-child(even) .fashion-tag a:hover{

    color: var(--color-black);

}



.trending-stories {

    background: #EFF6FF;

    padding: 70px 0;

}

.section-header h2 {

    font-family: 'var(--EB-garamond-font)';

    font-weight: 800;

    font-size: var(--H3--font-size-lg);

    line-height: 40px;

    vertical-align: middle;

}



.section-header {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}

/* 05-11-2025 hide social section */
.section-header.social, .social-touch {
    display: none;
}

.title-line {

    height: 1px;

    position: relative;

    background: #d3dce6;

    width: 250px;

    margin: 0 0 0 20px;

}



.title-line::after {

    content: '';

    position: absolute;

    top: 4px;

    left: 0;

    right: 0;

    height: 1px;

    background: #d3dce6;

    width: 200px;

}

.arrow-controls {

  display: flex;

  gap: 10px;

  margin-left: auto;

}

.what-new .title-line {

    width: 190px;

}



.what-new .title-line::after {

    width: 152px;

}



.arrow-controls button {

    background: var(--color-red);

    color: var(--color-white);

    border: none;

    border: 1px solid #fff;

    border-radius: 50%;

    width: 45px;

    height: 45px;

    cursor: pointer;

    font-size: 16px;

    transition: all 0.3s ease;

}

.trending-stories .custom-prev i, .trending-stories .custom-next i {

    color: var(--color-white);

}

.arrow-controls button:hover{

    border-color: var(--color-red);

    background-color: var(--color-white);

    color: var(--color-red);

    transition: all 0.3s ease;

}

.arrow-controls button:hover i{

    color: var(--color-red);

}

.trending-slider .story-card {

  background: var(--color-white);

  margin:0 15px;

}



.story-card img {

  width: 100%;

  height: auto;

  aspect-ratio: 1;

  object-fit: cover;

}

.trending-slider {margin: 0 -15px; } 



.story-tag {

    position: absolute;

    top: 50%;

    color: var(--color-white);

    background: var(--color-red);

    display: block;

    margin: 0 0 0 35px;

    padding: 2px 12px;

    font-family: var( --league-spartan-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    border-radius: 3px;

    transition: all 0.3s ease;

}

.story-tag a {

    color: var(--color-white);

    font-family: var(--league-spartan-font);

    font-weight: 500;

    font-size: var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    text-decoration: none;

    transition: all 0.3s ease;

}



.story-tag a:hover {

    color: var(--color-red);

}

.story-tag.orange-bg {

    background: #FFA100;

}

.story-tag:hover,.story-tag.orange-bg:hover{

    background: var(--color-white);

    color: var(--color-red);

}

.story-tag:hover a{

    color: var(--color-red);

}

.story-meta span.meta-item img {

    width: 15px;

    display: inline-block;

    margin: 0 5px 0 0;

    filter: grayscale(100%) brightness(50%) contrast(100%);

    vertical-align: text-top;

}

.story-meta {

    padding: 30px;

}



.story-meta .story-title {

    margin: 14px 0;

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: var(--H5--font-size-sm);

    line-height: 22px;

    vertical-align: middle;

    min-height: 45px;

    color: var(--color-black);

    transition: all 0.3s ease;

    text-decoration: none;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.story-meta .story-title:hover{

    color: var(--color-red);

}



.story-meta a.read-more {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    vertical-align: middle;

    color: var(--color-gray);

    text-decoration: none;

    transition: all 0.3s ease;

}

.story-meta a.read-more:hover{

    color: var(--color-red);

}



.story-meta a.read-more:after {

 content: '';

    display: inline-block;

    width: 12px;

    height: 11px;

    margin-left: 10px;

    vertical-align: middle;

    mask: url(/wp-content/themes/canada-daily-news/assets/images/read-more.svg) no-repeat center;

    mask-size: contain;

    -webkit-mask: url(/wp-content/themes/canada-daily-news/assets/images/read-more.svg) no-repeat center;

    -webkit-mask-size: contain;

    background-color: var(--color-gray);

}

.story-meta a.read-more:hover:after {

    background-color: var(--color-red);

}



.story-meta span.meta-item {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    text-transform: capitalize;

    color: var(--color-gray);

}



.story-meta span.meta-item:nth-child(1) {

    padding: 0 10px 0 0;

}

.what-new {

    display: flex;

    justify-content: space-between;

    padding: 60px 0;

}



.man-hoodies {

    width: calc(65% - 30px);

}



.get-touch {

       width: calc(35% - 30px);

}

.get-touch .section-header .title-line::after {

    width: 78px;

}



.get-touch .title-line {

    width: 119px;

}



.social-touch ul {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

}



.social-touch ul li {

    box-shadow: 0px 0px 20px 0px #0000000A;   

    width: 47%;

    padding: 8px;

    display: flex;

    align-items: center;

}

.social-touch ul li a {

    display: flex;

    text-decoration: none;

    transition: all 0.3s ease;

    width: 100%;

}



.social-touch ul li a:hover,.social-touch ul li a:hover span {

    color: var(--color-red);

}



.social-touch ul li i.fab {

    border-radius: 3px;

    width: 40px;

    height: 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: var(--color-white);

    margin: 0 10px 0 0;

}



.social-touch ul li i.fab.fa-facebook {

    background: #0263D0;

}



.social-touch ul li span {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 1.4em;

    vertical-align: middle;

    color: var(--color-gray);

}



.social-touch ul li i.fab.fa-x-twitter {

    background: #46C7FF;

}



.social-touch ul li i.fab.fa-instagram {

    background: #FF3385;

}



.social-touch ul li i.fab.fa-vimeo-v {

    background: #87D4FF;

}



.social-touch ul li i.fab.fa-linkedin-in {

    background: #0E76A8;

}



.social-touch ul li i.fab.fa-youtube {

    background: #EF242B;

}

.social-touch ul li i.fab::before {

    font-size: 20px;

}

.get-touch .section-header h2 {

    font-size: var(--H4--font-size-md);

}

/* 05-11-2025 */
.miss-section {
    /*padding: 80px 0 0 0;*/
}



.miss-tags ul {

    display: flex;

    flex-direction: column;

    gap: 25px;

}



.miss-tags ul li {

    display: flex;

    gap: 20px;

}



.miss-tags ul li img {

    width: 100px;

    border-radius: 50%;

    object-fit: cover;

}

.miss-tags ul li > img{
    max-width: 100px;
    max-height: 100px;
    aspect-ratio: 1/1;
}



.miss-tags ul li span.fashion-tag {

    margin: 0 0 10px 0;

}

.miss-tags ul li span.fashion-tag a{

    font-family: var(--lora-font);

    font-weight: 600;

    font-size: var(--H6--font-size-xs);

    line-height: 14px;

    color: var(--color-red);

    vertical-align: middle;

    display: block;

    text-decoration: underline;

    transform: all 0.3s ease;

}

.miss-tags ul li span.fashion-tag a:hover{

    color: var(--color-black);

}



.miss-tags ul li .meta {

    color: var(--color-gray);

    gap: 10px;

}

.miss-tags ul a {

    color: var(--color-gray);

    font-family: var( --league-spartan-font);

    font-weight: 400;

    font-size: 15px;

    line-height: 15px;

    vertical-align: middle;

    text-decoration: none;

    padding: 8px 0 0 0;

    transition: all 0.3s ease;

}

.miss-tags ul a:hover{

    color: var(--color-red);

}

.miss-section .section-header {

    margin: 0 0 40px 0;

}

.miss-tags ul a:before {

    font-family: 'FontAwesome';

    content: "\f061";

    margin: 0 10px 0 0;

    display: inline-block;

    vertical-align: middle;

}

.purchase-img {

    padding: 48px 0 0 0;

}



.purchase-img img {

    width: 100%;

}

.miss-tags ul .slide-tag a {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 16px;

    line-height: 1.4em;

    vertical-align: middle;

    display: block;

    text-decoration: none;

    color: var(--color-black);

    transition: all 0.3s ease;

    padding: 0;

}

.miss-tags ul .slide-tag a:before{

    display: none;

}

.miss-tags ul .slide-tag a:hover{

    color: var(--color-red);

}

.fashion-points {

    display: flex;

    justify-content: space-between;

    padding: 30px 0 60px 0;

}

.miss-tags ul li .meta span.meta-item img {

    width: 15px;

    margin: 0 5px 0 0;

    display: inline-block;

    filter: grayscale(100%) brightness(50%) contrast(100%);

    vertical-align: text-top;

}

.miss-tags .meta .meta-item span {

    margin: 0;

}



.miss-tags .meta .meta-item span.material-symbols-rounded {

    padding: 0 5px 0 0;

}

.latest-posts .meta .calendar {

    display: flex;

    align-items: center;

}

.meta-item span.material-symbols-rounded {

    /* color: #fff; */

    font-size: 15px;

    vertical-align: sub;

    padding: 0 3px 0 0;

}

.fashion-content .meta span {

    margin: 0;

}



.fashion-content .meta {

    gap: 12px;

}



.fashion-content .meta span.material-symbols-rounded {

    padding: 0 5px 0 0;

}

.fashion-points .fashion-slider {

    width: calc(65% - 30px);

}



.fashion-points .miss-tags {

    width: calc(35% - 30px);

}


.fashion-points .fashion-content{
    max-height: 564px;
    position: relative;
}

.fashion-points .fashion-content::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}


.fashion-points .fashion-slider .slide-tag{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px;
    max-width: 100%;
    width: 100%;
    z-index: 2;
}



.fashion-points .fashion-slider .fashion-content > img {

    width: 100%;

    display: block;

    object-fit: cover;

    height: 500px;

}

.fashion-points .fashion-slider .meta-item img {

    width: 15px;

    display: inline-block;

    margin: 0 5px 0 0;

    filter: grayscale(100%) brightness(50%) contrast(100%);

    vertical-align: text-top;

}



.fashion-points .fashion-slider .slide-tag a{

    font-family: var(--EB-garamond-font);
    
    font-weight: 800;
    
    font-size: var(--H2--font-size-xl);
    
    line-height: 1.4em;
    
    margin: 27px 0;
    
    vertical-align: middle;
    
    color: var(--color-white);
    
    text-decoration: none;
    
    display: block;

    transition: all 0.3s ease;

}

.fashion-points .fashion-slider .slide-tag a:hover{

    color: var(--color-red);

}



.fashion-points .fashion-slider .slide-tag .meta {

    color: var(--color-white);

}



.fashion-points .miss-tags ul li a {

    font-size: var(--H5--font-size-sm);

    margin: 0 0 10px 0;

    font-weight: 800;

    line-height: 1.4em;

    text-decoration: none;

    color: var(--color-black);

    transition: all 0.3s ease;

}

.fashion-points .miss-tags ul li a:hover{

    color: var(--color-red);

}

.fashion-points .miss-tags ul li {

    align-items: flex-start;

}

.fashion-points .miss-tags ul {

    gap: 30px;

}

.trending-video {

    background: var(--color-nevy-blue);

    color: var(--color-white);

    padding: 60px 0;

}

.play-video img {

    width: 100%;

}

.play-video {

    position: relative;

}



.play-button {

    position: absolute;

    top: 0;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    cursor: pointer;

}

.video-content .meta {

    gap: 10px;

}



.video-content .meta span {

    display: inline-block;

    margin: 0;

}



.video-content .meta span.material-symbols-rounded {

    padding: 0 3px 0 0;

}

.technology .feature-post ul li .feature-content .meta span {

    margin: 0 10px 0 5px;

}



.technology .feature-post ul li .feature-content .meta span.material-symbols-rounded {

    margin: 0;

}

.category-img{

    cursor: pointer;

}

.category-img:hover a.Category-name {

    color: var(--color-red);

    cursor: pointer;

}



.play-button i.fas.fa-play {

    width: 75px;

    height: 75px;

    background: var(--color-white);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color-red);

    font-size: 20px;

}



.video-content .slide-content {

    position: initial;

    padding: 20px 0 0 0;

}

.video-trending {

    display: flex;

    gap: 60px;

}

.video-content .slide-content i.fas.fa-user {

    width: 30px;

    height: 30px;

    color: #fff;

    background: #ddd;

    border-radius: 100%;

    display: flex;

    align-items: end;

    justify-content: center;

    font-size: 20px;

    overflow: hidden;

}

.meta i.fas.fa-user {

    width: 30px;

    height: 30px;

    color: #fff;

    background: #ddd;

    border-radius: 100%;

    display: flex;

    align-items: end;

    justify-content: center;

    font-size: 20px;

    overflow: hidden;

}



.video-trending .left-section-video {

    width: 70%;

}



.video-trending .video-slider-right {

    width: 40%;

}

.latest-posts .meta .user {

    display: none;

}



.latest-posts .meta .comment {

    display: none;

}

.video-tag {

    margin: 0 0 15px 0;

    font-weight: 500;

}

.video-content .slide-content .user {

    display: flex;

    align-items: center;

    gap: 5px;

}



.video-thumbnail .latest-posts {

    padding: 0;

    gap: 25px;

    background: inherit;

    height: 660px;

    overflow-y: scroll;

    width: auto;

}



.video-thumbnail .latest-posts .thumbnails {

    display: flex;

    gap: 60px;

    padding: 0 20px 0 0;

}



.video-thumbnail .latest-posts .thumbnails .post {

    width: 60%;

    margin: 0;

}



.video-thumbnail .latest-posts .thumbnails .play-video {

    width: 30%;

}



.video-thumbnail .latest-posts .thumbnails .play-video .play-button i.fas.fa-play {

    width: 40px;

    height: 40px;

    font-size: 10px;

}

.video-thumbnail .latest-posts .thumbnails .play-video img {

    aspect-ratio: 1;

    object-fit: cover;

}



.video-thumbnail .latest-posts::-webkit-scrollbar {

  width: 8px;             

  height: 8px;           

}



.video-thumbnail .latest-posts::-webkit-scrollbar-track {

  background: var(--color-white);    

  border-radius: 10px;

}



.video-thumbnail .latest-posts::-webkit-scrollbar-thumb {

  background: var(--color-red);       

  border-radius: 10px;

}



.video-thumbnail .latest-posts::-webkit-scrollbar-thumb:hover {

  background:var(--color-red);       

}

.featured-post {

    background: #EFF6FF;

    padding: 60px 0;

}

.featured-post .post-tag{

    text-decoration: none;
    
}

.technology {

    display: flex;

    gap: 40px;

}



.technology .feature-post ul {

    display: flex;

    flex-direction: column;

    gap: 30px;

}



.technology .feature-post ul li {

    display: flex;

    background: var(--color-white);

    color: var(--color-black);

    gap: 40px;

}



.technology .feature-post ul li .feature-img {

    width: 40%;

}



.technology .feature-post ul li .feature-content {

    width: 60%;

    padding: 25px 25px 25px 0;

}



.technology .feature-post ul li .feature-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;
    
    display: block;
    
    max-height: 240px;

}



.technology .feature-post ul li .feature-content p.feature-tag,.technology .feature-post ul li .feature-content p.feature-tag a {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 14px;

    color: var(--color-red);

    vertical-align: middle;

    text-decoration: underline;

    margin: 0 0 18px 0;

    transition: all 0.3s ease;

}

.technology .feature-post ul li .feature-content p.feature-tag a:hover{

    color: var(--color-black);

}



.technology .feature-post ul li .feature-content a {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 24px;

    line-height: 31.2px;

    color: var(--color-black);

    vertical-align: middle;

    text-decoration: none;

    transition: all 0.3s ease;

}

.technology .feature-post ul li .feature-content a:hover{

    color:var(--color-red);

}

.technology .feature-post ul li .feature-content .meta .fas.fa-user {

    width: 30px;

    height: 30px;

    color: #fff;

    background: #ddd;

    border-radius: 100%;

    display: flex;

    align-items: end;

    justify-content: center;

    font-size: 20px;

    overflow: hidden;

}



.technology .feature-post ul li .feature-content  .meta {

    color: var(--color-gray);

    margin: 20px 0;

}



.technology .feature-post ul li .feature-content p.description {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 25px;

    color: var(--color-gray);

    display: -webkit-box;

    -webkit-line-clamp: 3;      

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.technology button {

    background: var(--color-red);

    border: 1px solid var(--color-red);

    box-shadow: none;

    border-radius: 6px;

    padding: 15px 22px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 60px auto 0;

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 15px;

    line-height: 1.2em;

    color: var(--color-white);

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    transition: all 0.3s ease;

}

.technology button a{

    color: var(--color-white);

    text-decoration: none;

}

.technology button:hover a{

    color: var(--color-red);

}

.technology button:hover{

    background: var(--color-white);

    color: var(--color-red);

    transform: translateY(-3px);

}

.categories ul {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}



.categories ul li {

    width: 48%;

}



.categories ul li .category-img img {

    width: 100%;

    aspect-ratio: 1 / 0.8;

    object-fit: cover;

}



.technology .feature-post {

    width: 70%;

}



.technology .feature-category {

    width: 30%;

}

.category-img {

    position: relative;

}



.category-content {

    position: absolute;

    top: 0;

    color: var(--color-white);

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    flex-direction: column;

    z-index: 2;

    height: 100%;

}



.category-content .Category-number {

    width: 100%;

    font-family: var(--EB-garamond-font);

    font-weight: 700;

    font-size: 32px;

    line-height: 28px;

    text-align: center;

    vertical-align: middle;

}



.category-content .Category-name {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 30px;

    text-align: center;

    vertical-align: middle;

    color: var(--color-white);

    text-decoration: none;

    transition: all 0.3s ease;

}

.category-content .Category-name:hover{

    color: var(--color-red);

}

.category-img::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 98%;

    background-color: rgba(0, 0, 0, 0.6); 

    z-index: 1;

}

.feature-category .section-header h2 {

    font-size: 20px;

}



.feature-category .section-header .title-line {

    width: 150px;

}



.feature-category .section-header .title-line::after {

    width: 120px;

}

.technology .section-header {

    margin-bottom: 40px;

}



.technology .most-read .section-header {

    margin: 40px 0;

}

.blog-post-read ul {

    display: flex;

    flex-direction: column;

    gap: 30px;

}



.blog-post-read ul li {

    display: flex;

    gap: 20px;

}



.blog-post-read ul li .post-img img {

    width: 100px;

    border-radius: 50%;

}



.blog-post-read ul li .post-content a {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: var(--H5--font-size-sm);

    line-height: 1.4em;

    vertical-align: middle;

    margin: 0 0 7px 0;

    color: var(--color-black);

    text-decoration: none;

    transition: all 0.3s ease;

    display: block;

}

.blog-post-read ul li .post-content a:hover{

    color: var(--color-red);

}

span.material-symbols-rounded {

    vertical-align: middle;

}



.post-tag,.post-tag a {

    font-family: var( --league-spartan-font);

    font-weight: 600;

    font-size:var(--H6--font-size-xs);

    line-height: 14px;

    text-decoration: underline;

    vertical-align: middle;

    color: var(--color-red);

    margin: 0 0 12px 0;

    transition: all 0.3s ease;

}

.post-tag a:hover{

    color: var(--color-black);

}

.navigation ul li a:hover {

    color: var(--color-red);

}



.insta-img {

    position: relative;

}



.insta-tags {

    position: absolute;

    padding: 50px 45px;

    bottom: 0;

    color: var(--color-white);

    z-index: 2;

}

.insta-tags .fas.fa-user {

    width: 30px;

    height: 30px;

    background: #ddd;

    border-radius: 100%;

    display: flex;

    align-items: end;

    justify-content: center;

    font-size: 20px;

    overflow: hidden;



}



.insta-tags p.insta-tag {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size:var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    background: var(--color-red);

    display: inline-block;

    border-radius: 3px;

    padding: 2px 10px;

    margin: 0 0 30px 0;

    transition: all 0.3s ease;

}

.insta-tags p.insta-tag a{

    color: var(--color-white);

    text-decoration: none;

}

.insta-tags p.insta-tag:hover a{

    color: var(--color-red);

}

.insta-tags p.insta-tag:hover{

    background: var(--color-white);

    color: var(--color-red);

}



.insta-tags .isnta-title {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: var(--H5--font-size-sm);

    line-height: 1.4em;

    vertical-align: middle;

    display: block;

    color: var(--color-white);

    text-decoration: none;

    transition: all 0.3s ease;

}

.insta-tags .isnta-title:hover{

    color: var(--color-red);

}



.insta-tags .meta {

    margin: 20px 0 0 0;

}

.insta-img img {

    width: 100%;

    aspect-ratio: 1;

    object-fit: cover;

}

.hamburger {

  display: none; /* hidden by default */

}



/* list page */

.article-title h2 {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 40px;

    line-height: 1.4em;

    vertical-align: middle;

    color: var(--color-black);

    max-width: 700px;

    margin: 0 auto;

}

.article-title {

    padding: 60px 0;

    background: #FBFAFA;

    text-align: center;

}

.article-content {

    display: flex;

    gap: 50px;

}



.article-content .list-content {

    width: 70%;

}



.article-content .right-bar {

    width: 30%;

}

.article-page {

    margin: 60px 0;

}



.article-content .list-content .main-img img {

    width: 100%;

    height: auto;

}

.top-header ul {

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

}



.top-header {

    padding: 20px 0 0 0;

}

.top-header ul li .material-symbols-rounded {

    font-family: 'Material Symbols Rounded';

    font-size: 20px;

    color: #C11A1A;

}

.top-header ul li img {

    width: 20px;

    display: inline-block;

    vertical-align: middle;

}

.top-header ul li span {

    color: var(--color-gray);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    text-transform: capitalize;

}

.top-header ul li.canada-author-icon span:before {

    margin: 0 5px 0 0;

    content: '';

    display: inline-block;

    width: 16px;

    height: 16px;

    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTIwIDIxdi0yYTQgNCAwIDAgMC00LTRIOGE0IDQgMCAwIDAtNCA0djInLz48Y2lyY2xlIGN4PScxMicgY3k9JzcnIHI9JzQnLz48L3N2Zz4=");

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    vertical-align: sub;

}

.top-header ul li.canada-beauty-icon span:before {

    margin: 0 5px 0 0;

    content: '';

    display: inline-block;

    width: 16px;

    height: 16px;

  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M4.1305 3.75004V2.00004C4.1305 1.83671 4.18685 1.69865 4.29954 1.58587C4.41224 1.4731 4.5502 1.41671 4.71341 1.41671H11.7084C11.8716 1.41671 12.0096 1.4731 12.1223 1.58587C12.235 1.69865 12.2913 1.83671 12.2913 2.00004V10.1667C12.2913 10.33 12.235 10.4681 12.1223 10.5809C12.0096 10.6937 11.8716 10.75 11.7084 10.75H9.95967V12.5C9.95967 12.6634 9.90332 12.8014 9.79062 12.9142C9.67793 13.027 9.53997 13.0834 9.37675 13.0834H2.38175C2.21853 13.0834 2.08057 13.027 1.96787 12.9142C1.85518 12.8014 1.79883 12.6634 1.79883 12.5V4.33337C1.79883 4.17004 1.85712 4.03199 1.9737 3.91921C2.09029 3.80643 2.2263 3.75004 2.38175 3.75004H4.1305ZM2.96466 4.91671V11.9167H8.79384V4.91671H2.96466ZM5.29633 3.75004H9.95967V9.58337H11.1255V2.58337H5.29633V3.75004Z" fill="%23C11A1A"/></svg>');

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    vertical-align: middle;

}

.top-header ul li i {

    color: var(--color-red);

    margin: 0 3px 0 0;

    font-size: 16px;

}
/*.single-post .description p{

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H5--font-size-sm);

    line-height: 1.6em;

    color: var(--color-gray);

    margin: 0 0 26px 0;

    font-style: normal;

    display: block;

}

.single-post .description span, .single-post .description p em, .single-post .description span em, .single-post .description em, .single-post .description strong{

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H5--font-size-sm);

    line-height: 1.6em;

    color: var(--color-gray);

    margin: 0 0 26px 0;
    font-style: normal;

}*/

.description p, .description span, .description p em, .description span em, .description em, .description strong{

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H5--font-size-sm);

    line-height: 1.6em;

    color: var(--color-gray);

    margin: 0 0 26px 0;

    font-style: normal;


}

.description h1,.description h2,.description h3,.description h4,.description h5,.description h6 {

    margin: 0 0 17px 0;

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 28px;

    line-height: 1.4em;

    vertical-align: middle;

}



.description h1:first-child ,.description h2:first-child,.description h3:first-child,.description h4:first-child,.description h5:first-child,.description h6:first-child {

    margin-top: 26px;

}

.description {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H5--font-size-sm);

    line-height: 1.6em;

    margin: 0 0 26px 0;

    display: block;

}

.description ul li ,.description ol li{
    list-style: disc;
    list-style-position: inside;
    list-style: inside;
}
.description ul li ,.description ol li,.description li p,.description li p span,.description li span,.description ol p,.description ol p span,.description ol span{

/*    display: flex;

    align-items: baseline;
*/
    gap: 20px;

    margin: 0 0 20px 0;

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H5--font-size-sm);

    line-height: 1.6em;

    color: var(--color-gray);
    
}



.description ul li i.fas.fa-check,.description ol li i.fas.fa-check {

    background: #F9F9F9;

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    color: var(--color-red);

    font-size: 20px;

}

.block.quote {

     margin: 0 0 30px 0;

    background: #F0F1F5;

    padding: 50px 40px;

    position: relative;

}



.block.quote h1,.block.quote h2,.block.quote h3,.block.quote h4,.block.quote h5,.block.quote h6 {

    margin: 0 0 16px 0;

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 24px;

    line-height: 1.6em;

    color: #0D1E50;

    vertical-align: middle;

    z-index: 2;

    position: relative;

}

.block.quote span,.block.quote p {

    font-weight: 500;

    font-size: 16px;

    line-height: 1.4em;

    vertical-align: middle;

    display: block;

    color: var(--color-gray);

}

.block.quote:after {

    content: '';

    background: url(/wp-content/themes/canada-daily-news/assets/images/block-quote.png)no-repeat;

    background-size: contain;

    width: 115px;

    height: 85px;

    display: inline-block;

    position: absolute;

    top: 30px;

    opacity: 0.1;

}

.description ul li:before ,.description ol li:before {

    /*background: #F9F9F9;

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    color: var(--color-red);

    font-size: 20px;

    content: "\f00c";

    font-family: 'FontAwesome';*/

}

.right-box {

    border: 1px solid #EDEDED;

    box-shadow: 0px 0px 20px 0px #00000008;

    padding: 45px 30px;

    box-sizing: border-box;

    margin: 0 0 50px 0;

    border-radius: 3px;

}

.right-box .section-header h2 {

    color: var(--color-black);

    font-family: var(--EB-garamond-font);

    font-size: 20px;

    font-weight: 700;

    line-height: 1.4em;

}



.right-box .section-header {

    display: flex;

    align-items: center;

    margin: 0 0 40px 0;

}



.right-box .section-header .title-line {

    height: 1px;

    position: relative;

    background: #d3dce6;

    width: 80px;

    margin: 0 0 0 20px;

}



.right-box .section-header .title-line:after {

    content: '';

    position: absolute;

    top: 4px;

    left: 0;

    right: 0;

    height: 1px;

    background: #d3dce6;

    width: 60px;

}

.search-box {

    border: 1px solid #DDDDDD;

    border-radius: 5px;

    padding: 0px 14px 0px 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.search-box input[type="text"] {

    height: 40px;

    border: 0;

    font-family: var(--lora-font);

    font-size: var(--H6--font-size-xs);

    color: var(--color-gray);

    line-height: 1.4em;

}

.search-box .fa-magnifying-glass:before{

    content: '';

    background: url(../images/red-search.png)no-repeat;

    width: 20px;

    height: 20px;

    display: inline-block;

    object-fit: contain;

}

.search-box input[type="text"]:focus {

    outline: none;

}



.recent-post ul li {

    display: flex;

    border-top: 1px solid #0000000F;

    padding: 15px 0;

    gap: 15px;

    align-items: self-start;

}



.recent-post ul li:first-child {

    border: 0;

}



.recent-post ul li .post-content a {

    font-family: var(--EB-garamond-font);

    color: var(--color-black);

    text-decoration: none;

    font-size: 16px;

    display: block;

    font-weight: 600;

    max-width: 150px;

    line-height: 1.4em;

    margin: 0 0 10px 0;

    transition: all 0.3s ease;

}

.recent-post ul li .post-content a:hover{

    color: var(--color-red);

}



.recent-post ul li .post-content span.material-symbols-rounded {

    display: inline-block;

    vertical-align: middle;

    margin: 0 15px 0 0;

    color: var(--color-red);

}



.recent-post ul li .post-content  p.calendar {

    color: var(--color-gray);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    text-transform: capitalize;

}

.hot-categories ul li .category-img img {

    width: 100%;

    height: 80px;

    object-fit: cover;

    object-position: center;

}

.article-content .right-bar .widget.widget_custom_categories h2.widget-title:after, .article-content .right-bar .widget.widget_custom_categories h2.widget-title:before {

    left: 150px;

}

.hot-categories ul {

    display: flex;

    flex-direction: column;

    gap: 15px;

}



.hot-categories ul li .category-img {

    position: relative;

}



.hot-categories ul li .category-img:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 97%;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 1;

}



.hot-categories ul li .category-img .category-content {

    position: absolute;

    top: 0;

    color: var(--color-white);

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    z-index: 2;

    flex-direction: row-reverse;

    height: 100%;

    padding: 0 30px;

}



.hot-categories ul li .category-img .category-content p.Category-number {

    /* background: #C11A1A; */

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

}

.hot-categories ul li .category-img .category-content a {

    text-decoration: none;

    color: var(--color-white);

    font-family: var(--EB-garamond-font);

    font-size: 20px;

    line-height: 1.4em;

    transition: all 0.3s ease;

}

.hot-categories ul li .category-img .category-content:hover a {

    color: var(--color-red);

}

.hot-categories ul li .category-img .category-content a:hover{

    color: var(--color-red);

}

.post-category ul {

    display: flex;

    flex-wrap: wrap;

    gap: 11px;

}



.post-category ul li a {

    font-family: var(--lora-font);

    color: var(--color-gray);

    text-decoration: none;

    font-size: 15px;

    padding: 10px;

    border: 1px solid #EDEDED;

    display: block;

    line-height: normal;

    transition: all 0.3s ease;

    border-radius: 3px;

}

.post-category ul li a:hover{

    background: var(--color-red);

    color: var(--color-white);

}

.post-tags ul {

    display: flex;

    flex-wrap: wrap;

    gap: 5px;

}



.post-tags ul li a {

    font-family: var(--lora-font);

    color: var(--color-gray);

    text-decoration: none;

    font-size: 15px;

    padding: 10px;

    border: 1px solid #EDEDED;

    display: block;

    line-height: normal;

    transition: all 0.3s ease;

    border-radius: 3px;

}



.post-tags ul li a:hover {

    background: var(--color-red);

    color: var(--color-white);

}

.post-tags span {

    display: inline-block;

    font-family: var(--league-spartan-font);

    color: var(--color-nevy-blue);

    font-size: 20px;

    font-weight: 700;

}



.post-tags {

    display: flex;

    align-items: center;

    gap: 10px;

}

.article-content .right-bar .widget {

    border: 1px solid #EDEDED;

    box-shadow: 0px 0px 20px 0px #00000008;

    padding: 45px 30px;

    box-sizing: border-box;

    margin: 0 0 50px 0;

    border-radius: 3px;

}



.article-content .right-bar .widget label {

    color: var(--color-black);

    font-family: var(--EB-garamond-font);

    font-size: 20px;

    font-weight: 700;

    line-height: 1.4em;

    position: relative;

    display: flex;

    align-items: center;

    margin: 0 0 40px 0;

}



.article-content .right-bar .widget label:after {

    content: '';

    position: absolute;

    top: 15px;

    left: 80px;

    right: 0;

    height: 1px;

    background: #d3dce6;

    width: 60px;

}



.article-content .right-bar .widget label:before {

    content: '';

    position: absolute;

    top: 10px;

    left: 80px;

    right: 0;

    height: 1px;

    background: #d3dce6;

    width: 80px;

}

.article-content .right-bar .widget .wp-block-heading {

    color: var(--color-black);

    font-family: var(--EB-garamond-font);

    font-size: 20px;

    font-weight: 700;

    line-height: 1.4em;

    position: relative;

    display: flex;

    align-items: center;

    margin: 0 0 40px 0;

}



.article-content .right-bar .widget .wp-block-heading:after {

    content: '';

    position: absolute;

    top: 15px;

    left: 120px;

    right: 0;

    height: 1px;

    background: #d3dce6;

    width: 60px;

}



.article-content .right-bar .widget .wp-block-heading:before {

    content: '';

    position: absolute;

    top: 10px;

    left: 120px;

    right: 0;

    height: 1px;

    background: #d3dce6;

    width: 80px;

}

.article-content .right-bar .widget-title {

    color: var(--color-black);

    font-family: var(--EB-garamond-font);

    font-size: 20px;

    font-weight: 700;

    line-height: 1.4em;

    position: relative;

    display: flex;

    align-items: center;

    margin: 0 0 40px 0;

}



.article-content .right-bar .widget-title:after {

    content: '';

    position: absolute;

    top: 15px;

    left: 120px;

    right: 0;

    height: 1px;

    background: #d3dce6;

    width: 60px;

}



.article-content .right-bar .widget-title:before {

    content: '';

    position: absolute;

    top: 10px;

    left: 120px;

    right: 0;

    height: 1px;

    background: #d3dce6;

    width: 80px;

}

.article-content .right-bar .widget:nth-child(3) .wp-block-heading:before,.article-content .right-bar .widget:nth-child(3) .wp-block-heading:after {

    left: 120px;

}

.article-content .right-bar .widget:nth-child(4) .wp-block-heading:before, .article-content .right-bar .widget:nth-child(4) .wp-block-heading:after {

    left: 150px;

}

.article-content .right-bar .widget:nth-child(5) .wp-block-heading:before, .article-content .right-bar .widget:nth-child(5) .wp-block-heading:after {

    left: 50px;

}

.article-content .right-bar .widget ul.wp-block-latest-posts__list li {

    display: flex;

    border-top: 1px solid #0000000F;

    padding: 15px 0;

    align-items: self-start;

    gap: 15px;

}

.article-content .right-bar .widget ul.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {

    width: 85px;

}



.article-content .right-bar .widget ul.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image img.featured-image {

    width: 100%;

    height: 85px;

    object-fit: cover;

    object-position: top;

    border-radius: 3px;

}



.article-content .right-bar .widget ul.wp-block-latest-posts__list li .canada-recent-post-details {

    flex: 1;

}

.article-content .right-bar .widget ul.wp-block-latest-posts__list li:first-child {

    border: 0;

    padding-top: 0;

}



.article-content .right-bar .widget ul li a.wp-block-latest-posts__post-title {

    display: block;

    width: 100%;

    font-family: var(--EB-garamond-font);

    color: var(--color-black);

    text-decoration: none;

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-weight: 600;

    line-height: 1.4em;

    margin: 0 0 10px 0;

    transition: all 0.3s ease;

}

.article-content .right-bar .widget ul li a.wp-block-latest-posts__post-title:hover{

    color: var(--color-red);

}

.article-content .right-bar .widget ul.wp-block-latest-posts__list li time:before {

    width: 16px; 

    height: 16px;

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2214%22%20viewBox%3D%220%200%2013%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.60645%200.5625V1.8125H8.35645V0.5625H9.60645V1.8125H12.1064C12.2814%201.8125%2012.4294%201.87292%2012.5502%201.99375C12.671%202.11458%2012.7314%202.2625%2012.7314%202.4375V12.4375C12.7314%2012.6125%2012.671%2012.7604%2012.5502%2012.8812C12.4294%2013.0021%2012.2814%2013.0625%2012.1064%2013.0625H0.856445C0.681445%2013.0625%200.533529%2013.0021%200.412695%2012.8812C0.291862%2012.7604%200.231445%2012.6125%200.231445%2012.4375V2.4375C0.231445%202.2625%200.291862%202.11458%200.412695%201.99375C0.533529%201.87292%200.681445%201.8125%200.856445%201.8125H3.35645V0.5625H4.60645ZM11.4814%206.8125H1.48145V11.8125H11.4814V6.8125ZM3.35645%203.0625H1.48145V5.5625H11.4814V3.0625H9.60645V4.3125H8.35645V3.0625H4.60645V4.3125H3.35645V3.0625Z%22%20fill%3D%22%23C11A1A%22/%3E%3C/svg%3E");

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    display: inline-block;

    content: '';

    vertical-align: middle;

    margin: 0 5px 0 0;

}



.article-content .right-bar .widget ul.wp-block-latest-posts__list li time {

    color: var(--color-gray);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: var(--H6--font-size-xs);

    line-height: 21px;

    vertical-align: middle;

    text-transform: capitalize;

}

.article-content .right-bar .widget ul.wp-block-categories-list {

    display: flex;

    flex-direction: column;

    gap: 15px;

}



.article-content .right-bar .widget .hot-category ul.wp-block-categories-list li.cat-item {

    width: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    z-index: 1;

    padding: 40px;

    text-decoration: none;

    color: var(--color-white);

    font-family: var(--EB-garamond-font);

    font-size: 20px;

    line-height: 1.4em;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

    font-weight: 800;

}

.article-content .right-bar .widget .hot-category ul.wp-block-categories-list li.cat-item:hover, .article-content .right-bar .widget .hot-category ul.wp-block-categories-list li.cat-item:hover a{

    color: var(--color-red);

}



.article-content .right-bar .widget .hot-category ul.wp-block-categories-list li.cat-item a {

    text-decoration: none;

    color: var(--color-white);

    font-family: var(--EB-garamond-font);

    font-size: 20px;

    line-height: 1.4em;

    transition: all 0.3s ease;

    font-weight: 800;

}

.article-content .right-bar .widget .hot-category ul.wp-block-categories-list li.cat-item a:hover{

    color: var(--color-red);

}

.article-content .right-bar .widget button.wp-block-search__button:after{

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 20px;

    height: 20px;

    background: url(/wp-content/themes/canada-daily-news/assets/images/red-search.png)no-repeat;

    background-size: contain;

}



.article-content .right-bar .widget button.wp-block-search__button {

    font-size: 0;

    border: 0;

    background: inherit;

    padding: 0;

    margin: 0;

}



.article-content .right-bar .widget .wp-block-search__inside-wrapper {

    border: 1px solid #DDDDDD;

    border-radius: 5px;

    padding: 0px 14px 0px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    overflow: hidden;

}



.article-content .right-bar .widget .wp-block-search__inside-wrapper input {

    border: 0;

    margin: 0;

    padding: 15px 20px;

    font-size: 16px;

    font-family: var(--EB-garamond-font);

    color: var(--color-black);

}



.article-content .right-bar .widget .wp-block-search__inside-wrapper input:focus{

    outline: none;

}

.page-header h1.page-title {

    text-align: center;

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 40px;

    line-height: 1.4em;

    vertical-align: middle;

    color: var(--color-black);

    max-width: 700px;

    margin: 0 auto;

}

header.entry-header {

    margin: 0 0 50px 0;

}



header.entry-header h2.entry-title {

    text-align: center;

}



header.entry-header h2.entry-title a {

    width: 100%;

    font-family: var(--EB-garamond-font);

    color: var(--color-black);

    text-decoration: none;

    font-size: var(--H4--font-size-md);

    display: block;

    font-weight: 600;

    line-height: 1.4em;

    margin: 0 0 10px 0;

    transition: all 0.3s ease;

}



header.entry-header h2.entry-title a:hover{

    color: var(--color-red);

}

.page-content p,.page-content a {

    width: 100%;

    font-family: var(--EB-garamond-font);

    color: var(--color-black);

    text-decoration: none;

    font-size: var(--H4--font-size-md);

    display: block;

    font-weight: 600;

    line-height: 1.4em;

    margin: 0 0 10px 0;

    transition: all 0.3s ease;

    text-align: center;

}

.page-content a:hover{

    color: var(--color-red);

}

.page-content form {

    text-align: center;

    margin: 30px 0 50px 0;

    display: block;

}



.page-content form .form {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 15px 0 0;

    border: 2px solid #000;

    border-radius: 6px;

    max-width: 70%;

    margin: 0 auto;

    overflow: hidden;

}



.page-content form .form input {

    width: 100%;

    height: 75px;

    border: 0;

    box-shadow: none;

    padding: 0 20px;

    flex-basis: 95%;

    font-size: 22px;

    color: var(--color-black);

    font-weight: 600;

    font-family: var(--EB-garamond-font);

}

.page-content form .form .header-search-type-close:before {

    content: '';

    width: 20px;

    height: 20px;

    display: inline-block;

    vertical-align: middle;

    background: url(/wp-content/themes/canada-daily-news/assets/images/header-close.svg)no-repeat;

    background-size: contain;

}

.page-content form .form input:focus{

    outline: none;

}



.page-content form .form .header-search-type-close {

    flex-basis: 5%;

    cursor: pointer;

}



.search-type {

    display: flex;

    align-items: center;

    gap: 50px;

    margin: 0;

    flex-wrap: wrap;

}



.search-type .type-page {

    position: relative;

    overflow: hidden;

    z-index: 1;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #EDEDED;

    box-shadow: 0px 0px 20px 0px #00000008;

    transition: color 0.3s ease;

    cursor: pointer;

}



.search-type .type-page .meta {

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 12px;

    color: var(--color-gray);

    text-transform: capitalize;

    gap: 0;

}



.search-type .type-page .card {

    display: flex;

    align-items: stretch;

}



.search-type .type-page .card .entry-thumbnail {

    width: 40%;

}



.search-type .type-page .card .entry-thumbnail img {

    width: 100%;

    object-fit: cover;

    display: block;

    height: 100%;

    max-height: 282px;

}

.search-type .type-page .card a {

    display: block;

    height: 100%;

}



.search-type .type-page .card .card-content {

    width: 60%;

    padding: 65px 20px;

}

.search-type .type-page .meta span.material-symbols-rounded {

    color: #C11A1A;

    padding: 0 5px 0 0;

}



.search-type .type-page .meta i.fas.fa-user:before {

    margin: 0 5px 0 10px;

    content: '';

    display: inline-block;

    width: 16px;

    height: 16px;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTIwIDIxdi0yYTQgNCAwIDAgMC00LTRIOGE0IDQgMCAwIDAtNCA0djInLz48Y2lyY2xlIGN4PScxMicgY3k9JzcnIHI9JzQnLz48L3N2Zz4=);

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    vertical-align: middle;

}



.search-type .type-page .meta i.fas.fa-user {

    width: auto;

    height: auto;

    background: inherit;

    border-radius: 0;

    display: none;

}

.search-type .type-page .meta span {

    margin: 0;

}

.search-type .type-page .meta span:contains("admin") {

  display: none;

}


.search-type .type-page .meta span.category-name:before{

    margin: 0 5px 0 10px;

    content: '';

    display: inline-block;

    width: 16px;

    height: 16px;

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M4.1305 3.75004V2.00004C4.1305 1.83671 4.18685 1.69865 4.29954 1.58587C4.41224 1.4731 4.5502 1.41671 4.71341 1.41671H11.7084C11.8716 1.41671 12.0096 1.4731 12.1223 1.58587C12.235 1.69865 12.2913 1.83671 12.2913 2.00004V10.1667C12.2913 10.33 12.235 10.4681 12.1223 10.5809C12.0096 10.6937 11.8716 10.75 11.7084 10.75H9.95967V12.5C9.95967 12.6634 9.90332 12.8014 9.79062 12.9142C9.67793 13.027 9.53997 13.0834 9.37675 13.0834H2.38175C2.21853 13.0834 2.08057 13.027 1.96787 12.9142C1.85518 12.8014 1.79883 12.6634 1.79883 12.5V4.33337C1.79883 4.17004 1.85712 4.03199 1.9737 3.91921C2.09029 3.80643 2.2263 3.75004 2.38175 3.75004H4.1305ZM2.96466 4.91671V11.9167H8.79384V4.91671H2.96466ZM5.29633 3.75004H9.95967V9.58337H11.1255V2.58337H5.29633V3.75004Z" fill="%23C11A1A"/></svg>');

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    vertical-align: middle;

}

.search-type .type-page .card .card-content a.post-title {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 20px;

    line-height: 1.4em;

    text-decoration: none;

    color:var(--color-black);

    display: block;

    margin: 15px 0 25px 0;

    transition: all 0.3s ease;

}

.search-type .type-page .card .card-content a.post-title:hover{

    color: var(--color-red);

}

.search-type .type-page .card .card-content p.description {

    margin: 0 0 25px 0;

    color: var(--color-gray);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 1.6em;

}

.search-type .type-page .card .card-content .read-more a {

    color: var(--color-gray);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 1.6em;

    text-decoration: none;

    transition: all 0.3s ease;

    margin: 15px 0 0 0;

    display: block;

}

.search-type .type-page .card .card-content .read-more a:hover{

    color: var(--color-red);

}

.search-type .type-page .card .card-content .read-more a:after {

    font-family: 'FontAwesome';

    content: "\f061";

    margin: 0 0 0 10px;

    display: inline-block;

    vertical-align: middle;

}

.post-navigation a {

    color: var(--color-gray);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 1.6em;

    text-decoration: none;

    transition: all 0.3s ease;

    text-transform: uppercase;

}

.post-navigation a:hover{

    color: var(--color-red);

}

.post-navigation {

    display: flex;

    width: 100%;

    justify-content: space-between;

}

.blog .post-navigation{

    margin-top: 30px;

}

.post-navigation .nav-next a:after {

    font-family: 'FontAwesome';

    content: "\f061";

    margin: 0 0 0 10px;

    display: inline-block;

    vertical-align: middle;

}

.post-navigation .nav-previous a:before {

    font-family: 'FontAwesome';

    margin: 0 10px 0 0;

    display: inline-block;

    vertical-align: middle;

    content: "\f060";

}



.article-content .right-bar .widget .sidebar-tags ul li.cat-item {

    font-family: var(--lora-font);

    color: var(--color-gray);

    text-decoration: none;

    font-size: 15px;

    padding: 10px;

    border: 1px solid #EDEDED;

    display: inline-block;

    width: auto;

    line-height: normal;

    transition: all 0.3s ease;

    border-radius: 3px;

    cursor: pointer;

}

.article-content .right-bar .widget .sidebar-tags ul li.cat-item:hover {

    background: var(--color-red);

    color: var(--color-white);

}

.article-content .right-bar .widget .sidebar-tags ul li.cat-item:hover a{

    color: var(--color-white);

}



.article-content .right-bar .widget .sidebar-tags ul li.cat-item a {

    font-family: var(--lora-font);

    color: var(--color-gray);

    text-decoration: none;

    font-size: 15px;

    display: inline-block;

    line-height: normal;

    transition: all 0.3s ease;

    text-transform: capitalize;

}



.article-content .right-bar .widget .sidebar-tags ul.wp-block-categories-list {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    flex-direction: inherit;

}

.search-no-results .right-bar {

    display: none;

}

section.no-results.not-found {

    margin: 50px 0 0 0;

}



/* blog page */

.blog header h1 {

    padding: 0;

    width: auto;

    clip: auto;

    clip-path: inherit;

    overflow: visible;

    position: inherit;

    height: auto;

    text-align: center;

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 40px;

    line-height: 1.4em;

    vertical-align: middle;

    color: var(--color-black);

    max-width: 700px;

    margin: 0 auto;

}



.blog .site-main header {

    padding: 60px 0;

    background: #FBFAFA;

    text-align: center;

}

.blog .article-content .list-content {

    width: 100%;

}

.blog .article-content .list-content .search-type {

    flex-wrap: wrap;

}



.blog .article-content .list-content .search-type .type-page {

    width: 47%;

}

.blog .search-type .type-page .card .entry-thumbnail img{

   aspect-ratio: 1;

}

.blog .search-type .type-page .card .entry-thumbnail {

    width: 50%;

}



.cms-page {

    margin: 50px 0;

}



.cms-page header.entry-header .entry-title {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 40px;

    line-height: 1.4em;

    vertical-align: middle;

    color: var(--color-black);

    max-width: 700px;

    margin: 0 auto;

    text-align: center;

}

.cms-page .entry-content p {

    margin: 0 0 25px 0;

    color: var(--color-gray);

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 16px;

    line-height: 1.6em;

}

.entry-content p {
    font-size: 17px;
    line-height: 30px;
    margin: 0 0 15px 0;
    font-family: 'Lora';
}
.custom-content .entry-content{
    padding: 60px 15px;
}
.custom-content .entry-content hr {
    margin: 20px auto !important;
    display: block;
}
.custom-content .entry-content ul {
    padding: 0;
    list-style: circle;
    list-style-position: inside;
    margin-bottom: 15px;
}   
.custom-content .entry-content ol li:not(:last-child),
.custom-content .entry-content ul li:not(:last-child){
    margin-bottom: 7px;
}
.custom-content .entry-content ol{
    margin-bottom: 15px;
}
.custom-content .entry-content h3{
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.custom-content .entry-content h4{
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: 'Lora';
    margin: 0 0 20px 0;
}
.custom-content .entry-content a{
    color: #c11a1a;
}

.entry-content ul li, .entry-content ol li{
    font-size: 17px;
}
.custom-content .entry-content a:hover{
    color: #121240;
}

/* 404 page */

.page-not h1 {

    margin-bottom: 20px;

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size: 72px;

    line-height: 1.4em;

}

.page-not {

    text-align: center;

    margin: 30px 0;

}

.page-not p.subtitle {

    font-family: var(--EB-garamond-font);

    font-weight: 800;

    font-size:30px;

    line-height: 1.4em;

}

span.error-code {

    font-size: 9rem;

    color: #ccc;

    font-weight: 700;

    letter-spacing: 10px;

    z-index: 1;

    position: relative;

}

a.home-btn {

    padding: 15px 24px;

    box-shadow: none;

    cursor: pointer;

    font-family: var(--lora-font);

    font-weight: 500;

    font-size: 15px;

    line-height: 15px;

    text-align: center;

    vertical-align: middle;

    color:var(--color-white);

    transition: all 0.3s ease;

    transform: translateY(0);

    border-radius: 8px;

    outline: none;

    background: var(--color-red);

    border: 1px solid var(--color-red);

    text-decoration: none;

    display: block;

    width: fit-content;

    margin: 0 auto;

}



a.home-btn:hover {

    background:transparent;

    border-color:var(--color-red);

    color: var(--color-red);

    transform: translateY(-3px);

}

.decorations {

    position: absolute;

    top: 0; left: 0; right: 0; bottom: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

}



.decorations .dot {

    position: absolute;

    width: 8px; height: 8px;

    background: #222;

    border-radius: 50%;

}

.decorations .dot:nth-child(1) { top: 10%; left: 10%; }

.decorations .dot:nth-child(5) { top: 80%; left: 20%; }

.decorations .dot:nth-child(9) { top: 60%; left: 90%; }



.decorations .triangle {

    position: absolute;

    width: 0; height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 16px solid #888;

}

.decorations .triangle:nth-child(2) { top: 20%; left: 60%; transform: rotate(20deg);}

.decorations .triangle:nth-child(6) { top: 70%; left: 80%; transform: rotate(-15deg);}



.decorations .circle {

    position: absolute;

    width: 16px; height: 16px;

    border: 2px solid #222;

    border-radius: 50%;

    background: transparent;

}

.decorations .circle:nth-child(3) { top: 60%; left: 30%; }

.decorations .circle:nth-child(7) { top: 30%; left: 80%; }



.decorations .zigzag {

    position: absolute;

    width: 24px; height: 8px;

    background: none;

    border-bottom: 2px solid #888;

    border-radius: 2px;

    box-shadow: 4px 0 0 0 #888, 8px 0 0 0 #888, 12px 0 0 0 #888;

}

.decorations .zigzag:nth-child(4) { top: 40%; left: 50%; }

.decorations .zigzag:nth-child(8) { top: 75%; left: 60%; }

    .error-graphic {

    position: relative;

    display: inline-block;

    margin-bottom: 30px;

}



/* breadcrumb */



.breadcrumb {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 10px 0 0 0;

    list-style: none;

    gap: 20px;

}



.breadcrumb .breadcrumb-item a,.breadcrumb .breadcrumb-item {

    font-family: var(--EB-garamond-font);

    font-weight: 400;

    font-size: 14px;

    line-height: 1.4em;

    color: var(--color-black);

    text-align: center;

    vertical-align: middle;

    text-decoration: none;

    transition: all 0.3s ease;

    position: relative;

}

.breadcrumb .breadcrumb-item a:hover{

    color: var(--color-red);

}

.breadcrumb .breadcrumb-item:nth-child(2):before,.breadcrumb .breadcrumb-item:nth-child(3):before {

    content: "•"; 

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    color: #000; 

    font-size: 2em;

}



.breadcrumb .breadcrumb-item:nth-child(2),.breadcrumb .breadcrumb-item:nth-child(3) {

    padding-left: 2em;

}

.article-content .right-bar .widget .wp-block-search__inside-wrapper input::placeholder{

    color: var(--color-gray);

    font-weight: 500;

    font-size: 14px;

}





@media (max-width:1230px){

    .blog .search-type .type-page .meta {

        flex-wrap: wrap;

    }

}





@media (max-width: 1199px){

    .right-box {

        padding: 30px 15px;

        margin: 0 0 30px 0;

    }

    .navigation ul{

        gap: 20px;

    }

}



@media (max-width: 991px){

    .arrow-group{

        margin: 0 0 20px 0;

    }

    .blog .article-content .list-content .search-type .type-page {

        width: 100%;

    }

    .article-content .right-bar .widget {

        padding: 30px 15px;

        margin: 0 0 30px 0;

    }

    /* nav .nav-right form{

        top: 50px;

    } */

    .navigation {

        display: none;

        background: var(--color-white);

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        padding: 15px 0;

        z-index: 1000;

        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

    }

    .navigation ul li a{

        color: var(--color-nevy-blue);

    }

    .navigation ul li a:hover{

        color: var(--color-red);

    }

    .navigation ul {

        flex-direction: column;

        align-items: flex-start;

        padding-left: 20px;

    }



    .hamburger {

        display: block;

        font-size: 24px;

        color: var(--color-white);

        cursor: pointer;

    }



    .nav-content {

        position: relative;

        justify-content: space-between;

    }



    .navigation.active {

        display: block;

    }

    .footer-top .footer-col:nth-child(2) h4:before, .footer-top .footer-col:nth-child(3) h4:before {

        content: '+';

        font-family: initial;

    }



    .footer-top .footer-col.active:nth-child(2) h4:before, .footer-top .footer-col.active:nth-child(3) h4:before{

        content: '-';

        font-size: 30px;

    }

    .footer-top .footer-col:nth-child(2) h4, .footer-top .footer-col:nth-child(3) h4  {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        flex-direction: row-reverse;

    }



    .footer-top .footer-col:nth-child(2) h4:after,.footer-top .footer-col:nth-child(3) h4:after {

        width: 100%;

    }

    .news-section {

        flex-wrap: wrap;

    }



    .news-section .slider {

        width: 100%;;

        padding: 0;

    }

    .latest-posts{

        width: 100%;

        margin: 10px 0 0 0;

    }



    .story-meta {

        padding: 15px;

    }



    .trending-slider .story-card {

        margin: 0 10px;

    }



    .what-new {

        flex-wrap: wrap;

    }


    .fashion-points {

        flex-wrap: wrap;

    }



    .man-hoodies {

        width: 100%;

    }


    .fashion-points .fashion-slider{
        width: 100%;
    }


    .fashion-points .miss-tags{
        width: 100%;
        padding: 50px 0 0 0;
    }


    .get-touch {

        width: 100%;

    }



    .video-trending {

        flex-wrap: wrap;

    }



    .video-trending .left-section-video {

        width: 100%;

    }



    .video-trending .video-slider-right {

        width: 100%;

    }



    .technology {

        flex-wrap: wrap;

    }



    .technology .feature-post {

        width: 100%;

    }



    .technology .feature-category {

        width: 100%;

    }

    .footer-top {

        flex-wrap: wrap;

        gap: 20px;

    }



    .footer-top .footer-col {

        width: 100%;

    }



    footer.footer {

        padding: 40px 0 0 0;

    }



    .footer-top .footer-col p {

        margin: 20px 0;

    }



    .footer-top .footer-col h4:after {

        margin: 0 0 10px 0;

    }



    .footer-bottom {

        flex-wrap: wrap;

        gap: 15px;

        margin: 40px 0 0 0;

    }

    .article-content {

        flex-wrap: wrap;

        gap: 30px;

    }



    .article-content .list-content {

        width: 100%;

    }



    .article-content .right-bar {

        width: 100%;

    }

    .search-type {

        gap: 25px;

    }

    .page-not h1 {

        font-size: 55px;

    }



    .page-not p.subtitle {

        font-size: 24px;

    }

    .miss-tags ul li > img{
        height: 100px;
    }

    .insta-tags{
        padding: 20px;
    }

    .insta-tags p.insta-tag{
        margin: 0 0 10px 0;
    }

    .insta-tags .isnta-title{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
    .insta-tags .meta{
        margin: 10px 0 0;
    }

}



@media (max-width: 767px){

    header.entry-header {

        margin: 0 0 30px 0;

    }

    /* nav .nav-right form{

        left: 0;

        max-width: 100%;

    } */

    .custom-slider {

        max-width: 100%;

        width: 100%;

    }

    .slide-content {

        bottom: 0;

        padding: 20px;

    }



    .slide-content h2 a{

        font-size: 24px;

        margin: 10px 0;

    }



    .digital {

        padding: 0 0 50px 0;

    }



    .slider-wrapper {

        padding: 0 0 50px 0;

        flex-direction: column;

        align-items: end;

    }

    .custom-prev i, .custom-next i {

        font-size: 20px;

    }



    .custom-prev, .custom-next {

        width: 40px;

        height: 40px;

    }

    .trending-stories {

        padding: 40px 0;

    }



    .section-header {

        flex-wrap: wrap;

    }



    .section-header h2 {

        font-size: 24px;

    }



    .title-line {

        width: 150px;

        margin: 0 0 0 10px;

    }



    .title-line::after {

        width: 100px;

    }



    .arrow-controls button {

        width: 40px;

        height: 40px;

    }


    .fashion-points .fashion-slider .slide-tag{
        padding: 20px;
    }


    .fashion-points .fashion-slider .slide-tag a{
        font-size: 24px;
        margin: 10px 0;
    }



    .miss-section {

        padding: 50px 0 0 0;

    }



    .video-trending {

        gap: 30px;

    }



    .video-thumbnail .latest-posts .thumbnails {

        flex-wrap: wrap;

        gap: 30px;

    }



    .technology .feature-post ul li {

        flex-wrap: wrap;

        gap: 20px;

    }



    .technology .feature-post ul li .feature-img {

        width: 100%;

    }



    .technology .feature-post ul li .feature-content {

        width: 100%;

        padding: 15px;

    }



    .featured-post {

        padding: 50px 0;

    }

    .technology button {

        margin: 30px auto  0;

    }

    .search-type .type-page .card {

        flex-wrap: wrap;

    }



    .search-type .type-page .card .entry-thumbnail {

        width: 100%;

    }



    .search-type .type-page .card .card-content {

        width: 100%;

        padding: 30px 20px;

    }

    .blog .search-type .type-page .card .entry-thumbnail {

        width: 100%;

    }

    .page-not h1 {

        font-size: 40px;

    }

}



@media (max-width: 580px){

    /* .meta i.fas.fa-user {

        width: 55px;

    } */

    .slide-content .meta i.fas.fa-user {

        width: 30px;

    }

    .article-title h2 {font-size: var(--H3--font-size-lg);}



    .article-title {

        padding: 30px 0;

    }



    .top-header ul {

        gap: 10px;

    }



    .article-page {

        margin: 30px 0;

    }



    .top-header {

        padding: 15px 0;

    }



    .description p,.description span {

        font-size: 16px;

        margin: 0 0 15px 0;

    }



    .description h1,.description h2,.description h3,.description h4,.description h5,.description h6 {

        font-size: var(--H4--font-size-md);

    }



    .block.quote {

        padding: 20px;

    }



    .block.quote:after {

        top: 10px;

    }

    .search-type .type-page .meta i.fas.fa-user {

        width: 30px;

    }

}



@media (min-width:768px) and (max-width:991px){

    .hot-categories ul{

        flex-direction: inherit;

        flex-wrap: wrap;

    }

    .hot-categories ul li {

        width: 48%;

    }

}



.home .trending-video {
    display: none;
}

/* Single Post Page Start Here */

body.single-post{
    font-family: "Instrument Sans", sans-serif !important;
}
.article-title h2{
     font-family: "Instrument Sans", sans-serif;
    font-weight: 700;
    color: #181f51;
}
body.single-post h1 *,
body.single-post h2 *,
body.single-post h3 *,
body.single-post h4 *,
body.single-post h5 *,
body.single-post h6 *{
    font-family: "Titillium Web", sans-serif !important;
    font-weight: 700;
    color: #000;
}
body.single-post .breadcrumb .breadcrumb-item a, 
body.single-post .breadcrumb .breadcrumb-item{
    font-family: "Instrument Sans", sans-serif;
}
body.single-post .description ul li, 
body.single-post .description ol li, 
body.single-post .description li p, 
body.single-post .description li p span, 
body.single-post .description li span, 
body.single-post .description ol p, 
body.single-post .description ol p span, 
body.single-post .description ol span{
    color: #000;
    font-family: "Instrument Sans", sans-serif;

}
.top-header ul li span{
    font-family: "Instrument Sans", sans-serif;
    color: #000;
}
body.single-post .description a{
    color: #C11A1A;
}
body.single-post .description a:hover{
   color:#181f51;
}
.description p, .description span, .description p em, .description span em, .description em, .description strong{
    color: #000;
    font-family: "Instrument Sans", sans-serif;
}


.single-post-container .post-content-wrapper .post-content h1, 
.single-post-container .post-content-wrapper .post-content h2, 
.single-post-container .post-content-wrapper .post-content h3, 
.single-post-container .post-content-wrapper .post-content h4, 
.single-post-container .post-content-wrapper .post-content h5, 
.single-post-container .post-content-wrapper .post-content h6 {
    font-size: 20px;
}
.article-content .right-bar .widget .wp-block-heading,
.article-content .right-bar .widget-title{
    font-family: "Titillium Web", sans-serif;
}
.social-container a {
    display: flex;
    align-items: center;
    color: white;
    cursor: pointer;
    min-width: 120px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
    font-family: "IBM Plex Sans", sans-serif;
    justify-content: space-between;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    gap: 5px;
    padding: 10px 33px 10px 18px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s;
}
.social-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 30px 0px;
}
.social-container .facebook {
    background-color: rgb(66, 103, 178);
}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands";
}
.social-container .facebook {
    background-color: #4267B2;
}

.social-container .facebook:hover {
    background-color: #365899;
}

.social-container .twitter {
    background-color: #55ACEE;
}

.social-container .twitter:hover {
    background-color: #0d8bd9;
}

.social-container .pinterest {
    background-color: #CB2027;
}

.social-container .pinterest:hover {
    background-color: #a0070f;
}

.social-container .email {
    background-color: #7D7D7D;
}

.social-container .email:hover {
    background-color: #555555;
}

.social-container .linkedin {
    background-color: #0077B5;
}

.social-container .linkedin:hover {
    background-color: #005885;
}


ul#menu-footer-copyrigth-menu #menu-item-92,
ul#menu-footer-copyrigth-menu #menu-item-94 {
    display: none !important;
}
ul#menu-footer-quick-links-menu #menu-item-381,
ul#menu-footer-quick-links-menu #menu-item-384,
ul#menu-footer-quick-links-menu #menu-item-387,
ul#menu-footer-quick-links-menu #menu-item-390 {
display: none !important;
}

section#block-15 {
    display: none;
}


.navigation ul li.current-menu-item a, .footer-top .footer-col ul li.current-menu-item a {
    color: #c11a1a;
}
/* Contact Section */
.contact {
    padding: 100px 0;
    background-color: #181f51;
    color: #fff;
}
.contact-container {
    display: flex;
        gap: 60px;
    }

    .contact-info h2 {
        margin-bottom: 20px;
        font-family: 'EB Garamond';
        font-weight: 800;
        font-size: 40px;
        line-height: 52px;
        vertical-align: middle;
    }
    
.contact-info p {
    margin-bottom: 20px;
    font-family: Lora;
    font-weight: 500;
    font-size: var(--H5--font-size-sm);
    line-height: 26.4px;
    vertical-align: middle;
    max-width: 500px;
}
.contact-form h2 {
    font-family: 'EB Garamond';
    font-weight: 800;
    font-size: 32px;
    line-height: 38.4px;
    margin: 0 0 20px 0;
    vertical-align: middle;
}
.contact-form {
    width: 50%;
    border-left: 1px solid #FFFFFF1A;
    padding: 0 65px;
}
.contact-info {
    width: 50%;
}
.form-group {
    margin-bottom: 20px;
}

.form-control {
    width: 100%;
    padding: 14px;
    border-radius: 0;
    background-color: #fff;
    color: #5B5B5B;
    margin-bottom: 0;
    border: 1px solid #EDEDED;
    font-family: Lora;
    font-weight: 500;
    font-size: var(--H5--font-size-sm);
    line-height: 100%;
    vertical-align: middle;
}
.form-control.wpcf7-not-valid {
    border: 2px solid red;
}
.wpcf7-not-valid-tip{
    display: none;
}
.form-control::placeholder {
    font-family: Lora;
    font-weight: 500;
    font-size: var(--H5--font-size-sm);
    line-height: 100%;
     color: #5B5B5B;
    vertical-align: middle;

}
.submit-btn {
    background-color: #c11a1a;
    color: #fff;
    border: none;
    padding: 14px 30px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    font-family: Lora;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
}

.submit-btn:hover {
    background-color: #fff;
    color: #c11a1a;
}

/* Footer */
.footer-top {

}
/* Single Post Page End Here */

@media (max-width: 768px){
    .custom-content .entry-content {
        padding: 30px 0;
    }
    header nav ul li a{
        display: block;
        width: 100%;
        padding: 10px 0;
    }
}