/*

[Theme Color Stylesheet]

Project     : USNews - Multipurpose News, Magazine and Blog HTML5 Template
Author      : themelooks.com
Author URI  : https://themeforest.net/user/themelooks

*/

/*------------------------------------*\
    COLOR
\*------------------------------------*/
a,
a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus,
.btn-link.active,
.nav li a:hover,
.nav li.active > a,
.nav li.active > a:hover,
.nav li.active > a:focus,
.nav li.open > a,
.nav li.open > a:hover,
.nav li.open > a:focus,
.text--color-1,
.comment--header .rating,
.comment-respond .rating .br-widget a:after,
.widget--title .h4,
.tags--widget.style--4 .nav > li > a:hover,
.search--widget li label span:hover,
.search--widget li label input:checked + span,
.megamenu--posts > ul > li:hover > .title,
.main--breadcrumb .breadcrumb .active,
.page--title .h2 span,
.post--items-title .h4,
.product--item:hover .rating,
.product--summery .rating .nav,
.faq--item .panel-title a,
.checkout--info .title .fa,
.checkout--info .title a:hover,
.checkout--info .title a.active,
.checkout--billing-info .table tbody tr td span,
.contact--cats .nav > li > a:hover .title .h5,
.portfolio--item:hover .title .h4 .btn-link {
    color: #007084;
}

/*------------------------------------*\
    BACKGROUND COLOR
\*------------------------------------*/
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus,
.btn-primary,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.bg--color-1,
.bg--color-1--b:before,
.bg--color-1--a:after,
.bg--color-1.bg--skew-up:before,
.bg--color-1.bg--skew-down:after,
.preloader[data-preloader="1"] .preloader--inner:before,
.preloader[data-preloader="2"] .preloader--inner:before,
.preloader[data-preloader="2"] .preloader--inner:after,
.preloader[data-preloader="3"] .preloader--inner:before,
.preloader[data-preloader="3"] .preloader--inner:after,
.preloader[data-preloader="4"] .preloader--inner,
.preloader[data-preloader="5"] .preloader--inner:before,
.preloader[data-preloader="5"] .preloader--inner:after,
.preloader[data-preloader="6"] .preloader--inner span:before,
.preloader[data-preloader="7"] .preloader--inner span,
.preloader[data-preloader="8"] .preloader--inner span,
.preloader[data-preloader="9"] .preloader--inner span,
.preloader[data-preloader="10"] .preloader--inner span:before,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.list--widget-nav > .nav > li.active,
.poll--widget .checkbox p span,
.poll--widget .radio p span,
.tags--widget .nav > li > a:hover,
.tags--widget .nav > li > a > span,
.search--widget button.dropdown-toggle:hover,
.megamenu--posts > ul > li > .img a.cat:hover:before,
.megamenu--posts > ul > li > .img a.icon:before,
.page--title.lined .h2:before,
.posts--filter-bar.style--3 .nav > li > a > i,
.posts--filter-bar.style--4 .nav > li > a:hover > i,
.post--img a.cat:hover:before,
.post--img .icon:before,
.post--cats .nav li a:hover,
.post--tags .nav li a:hover,
.product--item .img .actions .nav > li > a,
.product--single .tab-nav > li > a:hover,
.product--single .tab-nav > li.active > a,
.pricing--img.layout--4:before,
#backToTop a:hover,
.header--navbar .navbar-collapse:before,
.feature--item .icon {
    background-color: #007084;
}

::-moz-selection {
    background-color: #007084;
}

::selection {
    background-color: #007084;
}

/*------------------------------------*\
    BORDER COLOR
\*------------------------------------*/
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus,
.btn-primary,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.form-control:focus,
.bd--color-1,
.dropdown-menu,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.comment-respond .form-control:focus,
.widget--title,
.list--widget-nav > .nav > li.active,
.tags--widget .nav > li > a:hover,
.search--widget input:focus + .input-group-btn:before,
.posts--filter-bar.style--4 .nav > li > a:hover > i,
.post--cats .nav li a:hover,
.post--tags .nav li a:hover,
.product--single .tab-nav > li > a,
.login--form .form-control:focus,
.coming-soon--content .subscribe--widget input:focus + .input-group-btn:before,
.checkout--info-form .form-control:focus,
.checkout--billing-info .form-control:focus {
    border-color: #007084;
}

.post--items-title {
    border-top-color: #007084;
    background-color: #f8f8f8;
    border-bottom-color: white;
    margin-bottom: 6px;
    padding:  6px;
}

.header--menu-links > li > a:hover,
.header--menu-links > li.active > a,
.header--menu-links > li.open > a,
.header--menu-links > li.open > a:hover,
.header--menu-links > li.open > a:focus {
    border-bottom-color: #007084;
}




/*


$blue-color:rgb(0,191,227);

body{background-color:#fff;}            
.parent{
    position: relative;
}
.navbar-info{
    background-color: none;
        .navbar-brand{
            color:#fff;
        }
        .dropdown{
            a{
                @extend .navbar-brand;
            }
            &:hover{
                a{
                    background-color: #f4f4f4;
                    color:#00bfe3;
                }
            }
        }
}
.child{
    position: absolute;
}
.child li div{
    display: inline-block;
}
ul{
    list-style-type: disc;
}
.dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    border-bottom:6px solid $blue-color;
    
    border-radius: 0;
    // -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.375);
    // box-shadow: 0 6px 12px rgba(0,0,0,.375);
    width: 800px;
    h3{
        margin:0;
        font-size:15px;
        font-weight:normal;
    }
    &:before{
        position: absolute;
        top: -19px;
        left: 34px;
        display: inline-block;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #ccc;
        border-left: 20px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }
    &:after{
        position: absolute;
        top: -18px;
        left: 35px;
        display: inline-block;
        border-right: 19px solid transparent;
        border-bottom: 19px solid #ffffff;
        border-left: 19px solid transparent;
        content: '';
    }
    ul{
        margin-top:20px;
    }
}
.navbar-nav > li > .dropdown-menu{
    margin-top:15px;
}
.second-example{
    font-size:12px;
    .icon-container{
        padding:60px;
        display:block;
    }
    h3{
        position:relative;
        display:inline-block;
        margin-bottom:10px;
        font-size:20px;
        &:after{
            content:"";
            position:absolute;
            width:60%;
            border-bottom:3px solid $blue-color;
            bottom:0;
            left:0;
            top:25px;
        }
    }
}
.btn-primary{background-color:$blue-color;}
//////////////////////////////////
.first-col-domains{
    .box{
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    clear: both;
    padding: 20px 10px;
        position:relative;
        &:first-child{border-top:none;}
        
        .icon-container{
            width:65px;
            height:65px;
            border-radius:50%;
            line-height:65px;
            background-color:$blue-color;
            color:#fff;
            text-align:center;
            float:left;
            margin:0 30px 0 0;
            position:relative;
            i{
                left:50%;
                top:50%;
                transform:translate(-50%, -50%);
                position:absolute;
            }
        }
    }
}
.box{
    padding:20px 10px;
    .top-third-col-div{
        border-bottom:1px dotted gray;
        padding-bottom:20px;
    }
    .bottom-third-col-div{
        .btn{
            margin-top:10px;
        }
    }
    ul{
        padding-left:12px;
        li{
            a{
                color:#777;
                text-transform:uppercase;
            }
        }
    }
}
// .dropdown-centered{
//  left:-100px;
// }
.animation{
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

 @-webkit-keyframes slideDownIn {
     0% {
         
         -webkit-transform: translateY(-20px);
     }
     100% {
         
         -webkit-transform: translateY(0);
     }
     
     0% {
         -webkit-transform: translateY(-20);
     }
}

@keyframes slideDownIn {
    0% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
    0% {
        transform: translateY(-20px);
    }
}

.slideDownIn {
    -webkit-animation-name: slideDownIn;
    animation-name: slideDownIn;
}

 @-webkit-keyframes slideUpIn {
     0% {
         
         -webkit-transform: translateY(20px);
     }
     100% {
         
         -webkit-transform: translateY(0);
     }
     
     0% {
         -webkit-transform: translateY(20px);
     }
}

@keyframes slideUpIn {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
    0% {
        transform: translateY(20px);
    }
}

.slideUpIn {
    -webkit-animation-name: slideUpIn;
    animation-name: slideUpIn;
}





.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 2s; 
    -webkit-animation-duration: 2s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);  
    }
    50% {
        transform: translateY(1%);  
    }   
    100% {
        transform: translateY(0%);
    }           
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);  
    }
    50% {
        -webkit-transform: translateY(1%);  
    }   
    100% {
        -webkit-transform: translateY(0%);
    }           
}


*/