@media (max-width: 768px) {
    #header-menu {
        display: none !important;
    }
}


     @supports not (display: -ms-grid) {
            .slice {
                display: grid;
                grid-template-columns: 1fr minmax(auto, 1260px) 1fr;
            }
    }


        .my-line-height-20-pt{
            line-height: 1.6666rem !important;
        }

        .my-scrollbar-hidden {
          scrollbar-width: none; /* Firefox */
          -ms-overflow-style: none;  /* Internet Explorer 10+ */

          /* WebKit-based browsers */
          &::-webkit-scrollbar {
            display: none;
          }
        }

        .my-min-w-fit {
            min-width: fit-content;
        }



        .scroll-header-menu {
            width: 100%;
            height: 50px;
            position: fixed;
            top: 0;
            z-index: 1;
            display: flex;
            align-items: center;
            box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.5);
        }



        .mobile-header-fixed {
            top: 0;
            position: fixed;
            width: 100%;
            z-index: 40;
        }
    

        body {
          color: #121212;
        }


        .my-overflow-y-overlay {
            overflow-y: overlay;
        }

    /*    .my-font-coranto-bold {
             font-family: "Coranto W01 2 Bold";
            font-weight: bold;
        }

        */



@font-face {
    font-family: "Coranto W01 2 Headline Bold";
    src: url("https://db.onlinewebfonts.com/t/5ce9469e01bc82e6d4c673b5ac4e7134.eot");
    src: url("https://db.onlinewebfonts.com/t/5ce9469e01bc82e6d4c673b5ac4e7134.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/5ce9469e01bc82e6d4c673b5ac4e7134.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/5ce9469e01bc82e6d4c673b5ac4e7134.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/5ce9469e01bc82e6d4c673b5ac4e7134.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/5ce9469e01bc82e6d4c673b5ac4e7134.svg#Coranto W01 2 Headline Bold")format("svg");
}


/*        .my-font-coranto-bold {
            font-family: "Coranto W01 2 Headline Bold";
        }*/


        .my-font-coranto-bold {
            font-family: "Coranto W01 2 Headline";
            font-weight: normal;
            font-style: normal;
        }



@font-face {
    /*font-family: "Coranto W01 2 Regular";
    src: url('https://db.onlinewebfonts.com/c/91b4ef9c28324608b2bdddf7b8b7f0d4?family=Coranto+W01+2+Regular')format('woff2');*/

    font-family: "Coranto W01 2 Headline";
    src: url("https://db.onlinewebfonts.com/t/9f4264e1fbcb7827c15afa38715a8d84.eot");
    src: url("https://db.onlinewebfonts.com/t/9f4264e1fbcb7827c15afa38715a8d84.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/9f4264e1fbcb7827c15afa38715a8d84.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/9f4264e1fbcb7827c15afa38715a8d84.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/9f4264e1fbcb7827c15afa38715a8d84.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/9f4264e1fbcb7827c15afa38715a8d84.svg#Coranto W01 2 Headline")format("svg");






}




        .my-font-coranto-2-headline-regular {
            font-family: "Coranto W01 2 Headline";
            font-weight: normal;
            font-style: normal;
        }



        .my-font-coranto-normal {
            font-family: "Coranto W01 2 Regular";
            font-weight: normal;
            font-style: normal;
        }

        .profile {
           background-size: cover; 
           background-position: center; 
           border-color: #cccccc;
        }

        .my-no-bottom-scroll {
            overflow: hidden; /* Impede o scroll horizontal */
            max-width: 100%;    /* Define a largura máxima como 100% do elemento pai */
            box-sizing: border-box; /* Inclui bordas e padding no cálculo da largura */
        }

        .my-main-bg-color {
            background-color: #da2128;
        }

        .my-main-color {
            color: #da2128;
        }

        .border-color-main-color {
            border-color: #da2128;
        }

        .my-red-square {
            width: 20px;
            height: 20px;
        }

        .my-red-square-8-8 {
            width: 8px;
            height: 8px;
        }



        .container-custom {
            max-width: 1560px;
            margin: 0 auto;
        }

/*        .container {
            max-width: 1256px !important;
            width: 1256px !important;
        }
*/
        .my-ml-20px {
            margin-left: 20px;
        }

        .my-mr-20px {
            margin-right: 20px;
        }

        .my-font-roboto-regular {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
        }

        .my-font-roboto-medium {
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
        }

        .my-font-roboto-bold {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
        }

        .my-text-10px {
            font-size: 0.625rem; /* 10px */
        }

        .my-font-14-px {
            font-size: 0.875rem; /* 14px */
        }

        .my-font-32-px {
            font-size: 2rem;
        }
/*
text-xs font-size: 0.75rem;  12px 

text-sm font-size: 0.875rem;  14px 

text-base   font-size: 1rem;  16px 

text-lg font-size: 1.125rem;  18px 

text-xl font-size: 1.25rem;  20px 

text-2xl    font-size: 1.5rem; 24px 

text-3xl    font-size: 1.875rem; 30px

text-4xl    font-size: 2.25rem; 36px 

text-5xl    font-size: 3rem;  48px 

text-6xl    font-size: 3.75rem;  60px 

text-7xl    font-size: 4.5rem;  72px 

text-8xl    font-size: 6rem;  96px 

text-9xl    font-size: 8rem;  128px 
*/



        .my-zoom-1-2 {
            zoom: 1.2;
        }

        .my-zoom-0-8 {
            zoom: 0.8;
        }

        .my-text-color-gray-1 {
            color: #707070;
        }

        .grid-cols-custom {
            display: grid;
            grid-template-columns: 33% 49% 18%;
            gap: 0px; /* Ajuste conforme necessário */
        }

        .grid-cols-custom-3cols {
            display: grid;
            grid-template-columns: 33.33% 33.33% 33.33%;
            
        }

        .grid-cols-custom-4cols {
            display: grid;
            grid-template-columns: 25% 25% 25% 25%;
            gap: 0px; /* Ajuste conforme necessário */
        }

        .grid-cols-custom-2cols {
            display: grid;
            grid-template-columns: 50% 50%;
            gap: 0px; /* Ajuste conforme necessário */
        }

        .grid-cols-custom-2cols_75_25 {
            display: grid;
            grid-template-columns: 75% 25%;
            gap: 0px; /* Ajuste conforme necessário */
        }

        .grid-cols-custom_component {
            display: grid;
            grid-template-columns: 35% 65%;
            gap: 0px; /* Ajuste conforme necessário */
        }


       /* .border-right {
            position: relative;

        .border-right::after {
            content: '';
            position: absolute;
            top: 0;
            right: -8px;
            width: 1px;
            height: 100%;
            background-color: #cccccc; 
        }
        */

        .border-right-container {
            position: relative;
        }

        .border-right-container::after {
            content: '';
            position: absolute;
            top: 0;
            right: -1rem; /* Ajuste conforme necessário para centralizar a borda */
            width: 1px;
            height: 100%;
            background-color: #cccccc; /* cor da borda */
        }

        .table-center {
            display: table;
            margin: 0 auto;
           /* padding: 5px 0;*/
        }

        .border-top-container {
            position: relative;
        }
        .border-top-container::after {
            content: '';
            position: absolute;
            top: -8px; /* Ajuste conforme necessário para centralizar a borda */
            left: 0;
            width: calc(100% + 16px);
            height: 1px;
            background-color: #cccccc; /* cor da borda */
        }

        .border-top {
            position: relative;
        }
        .border-top::after {
            content: '';
            position: absolute;
            top: -8px; /* Ajuste conforme necessário para centralizar a borda */
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #cccccc; /* cor da borda */
        }

        .my-border-bottom {
            border-bottom: 1px solid #cccccc;
        }

        .my-border-top {
            border-top: 1px solid #cccccc;
        }

        .my-bg-color-pink-1 {
            background-color: #DA21281A; 
        }


        .my-bg-color-yellow-1 {
            background-color: #FFFF00; 
        }
        

        .bottom-align {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .price-bar {
            background-color: #000;
            color: #fff;
            padding: 8px 0;
            text-align: center;
            font-size: 14px;
        }
       /* .price-bar span {
            margin: 0 10px;
        }*/
        .price-up {
            color: #00ff00; /* Green for up */
        }
        .price-down {
            color: #ff0000; /* Red for down */
        }


        .quote-icon {
            font-family: 'Anton SC', Arial;
            transform: scaleY(1.2);
        }

        .anton-sc-regular {
          font-family: "Anton SC", sans-serif;
          font-weight: 400;
          font-style: normal;
        }

        .my-margin-top-minus-50 {
            margin-top: -50px;
        }

        .my-margin-top-minus-5 {
            margin-top: -5px;
        }        

        .numbers-color {
            color: #707070B3;
        }                

.my-bg-menu {
    background-color: #F9A7AA;
}

#burguer-menu {
    z-index: 1;
    position: absolute;
}


@media (min-width: 768px) {


        .md-border-right-container-2 {
            position: relative;
        }

        .md-border-right-container-2::after {
            content: '';
            position: absolute;
            top: 0;
            right: -0.85rem; /* Ajuste conforme necessário para centralizar a borda */
            width: 0.01rem;
            height: 100%;
            background-color: #cccccc; /* cor da borda */
        }


        .md-border-right-container-3 {
            position: relative;
        }

        .md-border-right-container-3::after {
            content: '';
            position: absolute;
            top: 0;
            right: -0.9rem; /* Ajuste conforme necessário para centralizar a borda */
            width: 1px;
            height: 100%;
            background-color: #cccccc; /* cor da borda */
        }


        .md-border-right-container-4 {
            position: relative;
        }

        .md-border-right-container-4::after {
            content: '';
            position: absolute;
            top: -1.75rem;
            right: -0.85rem; /* Ajuste conforme necessário para centralizar a borda */
            width: 0.01rem;
            height: calc(100% + 1.75rem);
            background-color: #cccccc; /* cor da borda */
        }











        .md-border-right {
            border-right: 1px solid #cccccc;
        }

        .md-border-left {
            border-left: 1px solid #cccccc;
        }

}




@media (max-width: 767px) { 

    .price-bar span {
        margin: 0 5px;
    }


  /*.table-center {
    margin-left: auto;
    margin-right: auto;
    display: block; 
    }*/

    .html-vertical-ad-desktop {
        zoom: 0.5;
    }

}





@media (min-width: 768px) and (max-width: 1200px) {
  /* tablets landscape */
        .desktop-image-container {
            width: 101% !important;
        }
        .my-mr-20px {
            margin-right: 10px;
        }
        main, footer {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .table-center {
            zoom: 0.7;
        }

        #sign-in-text {
            display: none;
        }
}



@media (min-width: 1201px) {
  /* laptops and above */

        .desktop-image-container {
            width: 18.700rem !important;
        }


        .video-box {
            margin-left: -110px            
        }



        .mpu-ad-load-more {
            margin-left: 10px !important;
            position: absolute;
            float: right;
            display: inline-block;
            width: 313px;  
        } 


}

picture > img {
    background-image: url(https://www.farmersjournal.ie/article-no-image.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


    /*line heights by Joe Lenehan*/
    .most-read--article-title {
        line-height: 1.2rem !important;
    }


    .component-main-title {
        line-height: 3.25rem !important;
    }

    .components-in-general-main-title {
        line-height: 2.25rem !important;
    }


    .component-sub-title {
        /*line-height: 1.2rem !important;*/
        line-height: 1.6em !important;
    }

    .component-article-title {
        line-height: 1.7rem !important;
    }


/* mobile  */
@media (max-width: 768px) {
    .component-main-title {
        line-height: 1.75rem !important;
    }

    .sponsored-on-list {
        margin-left: -10px;
        margin-right: -10px;

    }

}
.sponsored-on-list {
    margin-bottom: -1px;
}









/* from old website */

.article-image-caption {
    font-size: 0.8125rem;
    padding-top: 0px;
    font-family: Roboto;
}
.article-image-caption.inline-block {
    /* height: fit-content !important; */
    height: fit-content;
    line-height: 1.2;
    padding-bottom: 0.625rem;
}



.article-body p:first-of-type::first-letter {
    color: #da2128;
    font-size: 2.8125rem;
    font-weight: bold;
    line-height: 1.4375rem; /*23px instead 20px*/    
    float: left;
    margin-right: 0.1em;
    margin-top: 0.2em;
}

.article-body {
    line-height: 1.6em !important; /*20px*/
    font-size: 1.125rem; /*18px*/
    font-weight: 400;
}

.article-body p strong{
    font-family: "Coranto W01 2 Headline";
    font-size: 1.125rem; /*18px*/
    line-height: 1.3125rem; /*21px*/
}


/*.article-body p quote{
    padding: 30px 0;
    display: block;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.article-body p quote:before {
    content: url(/images/quote-mark.png);
    margin-right: 0;
}*/




quote {
    font-weight: lighter !important;
    display: block;
    position: relative;
    padding-left: 60px;
    font-size: 24px !important;
    color: #777777 !important;
    font-family: "Coranto W01 2 Headline" !important;
    font-weight: lighter;
    line-height: 1.6em !important;
}

quote::before {
    zoom: 0.4;
    content: url(/images/red-quote-2024.png);
    position: absolute;
    left: 0px;
    transform:     rotateY(180deg) scaleY(-1);
}





.article-body p{
    margin: 0 0 0.625rem;
}




.article-body > li {
  margin-bottom: 0;
}

.article-body > li:not(:has(+ li)) {
  margin-bottom: 0.625rem;
}













.article-container .article-body {
    color: #372c2c;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
}


.article-container .article-body linkhd a {
    color: #000 !important;
    font-family: "Coranto 2 Headline"!important;
    /*text-transform: uppercase;*/
    font-weight: bold;
}



.article-container .article-body links {
    color: #372c2c;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
}



.article-container .article-body p a {
    /*font-family: Georgia;
    font-weight: 400;
    line-height: 20px;*/
    /*new 04 04 2020*/
    color: da2128;
}
.article-container .article-body p a:hover{
    /*new 04 04 2020*/
    color: #da2128;
}









.my-custom-bg-gray {
    background-color: #707070;
}


.my-custom-bg-gray-2 {
    background-color: #7070701A;
}

.show-desktop-scrolldown .epaper-icon {
    filter: invert(1) brightness(0) saturate(0.9) opacity(0.45);
}


@media (min-width: 768px) and (max-width: 1200px) and (pointer: coarse) {
  .ipad-scale {
    transform: scale(0.7);
    transform-origin: left top;
  }

}


@media (min-width: 768px) and (pointer: coarse) {

  .mpu-ad-load-more {
    display: none !important;
  }

/*  
  .mpu-ad-load-more {
    display: contents !important;
  }

  .mpu-ad-load-more::before {
    content: " ";
    display: block;
    background: yellow;
    color: black;
    padding: 10px;
    text-align: center;
    width: 200px;
  }

  .mpu-ad-load-more::after {
    content: " ";
    display: block;
    background: blue;
    color: black;
    padding: 10px;
    text-align: center;
    width: 200px;
  }
*/

}



@media (orientation: portrait)   {
    nav#header-menu {
      font-size: 0.6rem;
    }/**/
    /*.ipad-scale {
        transform: scale(0.5);
        transform-origin: left top;
    }*/
}

/*
@media (min-width: 200px) {
  body::before {
    content: "------------------";
    display: block;
    background: yellow;
    color: black;
    padding: 10px;
    text-align: center;
  }
}*/

.right-arrow::after {
    content: url('/right-red-arrow.png');
}

@media (max-width: 768px) {
  .leaderboard_2_ad {
        transform: scale(0.50);
        transform-origin: top center;
        height: 50px;
        zoom: 1 !important;
    }
}






.og-image-fix {
  width: 100%;
  aspect-ratio: 1.91 / 1; /* or 1200 / 630 */
  object-fit: cover;
  object-position: center;
  display: block;
}
