/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

a#btnn {
    background-color: transparent !important;
    color: #fff;
    font-weight: 600;
    border-radius: 50px !important;
    border: solid 2px #fff !important;
    transition: 0.5s;
}

a#btnn:hover {
    background-color: #fff !important;
    color: #630000 !important;
    opacity: 100% !important;
    transform: none;
}


/* -------------------          -------------------          -------------------           */

#ro-2 .row-bg.viewport-desktop.using-image {
    background-size: 33% !important;
    background-position: 31% 66% !important;
}

#ro-2 .iwithtext {
    display: table;
    width: 330px;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    transition: 0.5s;
}

#ro-2 .iwithtext:hover {
    background-color: #630000;
}

#ro-2 .iwithtext .iwt-icon img {
    position: relative;
    top: 5px;
    left: 6px;
    transition: 0.5s;
}

#ro-2 .iwithtext:hover .iwt-icon img {
    filter: brightness(0) invert(11);
}

#ro-2 .iwithtext h4 {
    transition: 0.5s;
}

#ro-2 .iwithtext:hover h4 {
    color: #fff;
}


/* -------------------          -------------------          -------------------           */

#ro-3 .txt-info2 {
    min-height: 200px;
}

#ro-3 #btnn2 {
    border-radius: 50px !important;
    font-weight: 600;
    padding: 17px 42px;
}


/* -------------------          -------------------          -------------------           */

#copyright {
    padding: 15px 0px !important;
}

#footer-outer #footer-widgets .container>.row {
    padding-top: 110px !important;
    padding-bottom: 80px;
    border-bottom: solid 1px #fff;
}

#footer-outer #footer-widgets .container #media_image-2 img {
    width: 500px;
}

#footer-outer #footer-widgets .container div#custom_html-2 p {
    font-size: 21px;
}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1600px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1440px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1366px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1340px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1320px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1280px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 1024px) {
    #ro-3 .txt-info2 p {
        font-size: 13px;
        line-height: 1.3;
    }
    #ro-3 .txt-info2 {
        min-height: 160px;
    }
}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 900px) {
    #ro-2 .row-bg.viewport-desktop.using-image {
        background-size: 43% !important;
        background-position: 61% 86% !important;
    }
    #ro-3 .txt-info2 p {
        font-size: 17px;
        line-height: 1.5;
    }
    #ro-3 .txt-info2 {
        min-height: auto;
    }
}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 480px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 414px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 375px) {}


/*-----------------------------------------------------------------------------------------------------*/

@media (max-width: 360px) {}