/*
Template: Hallooou HTML5 Responsive template
Author: Mauritius D'Silva <hello@mauritiusdsilva.com>
Theme URI: http://www.mauritiusdsilva.com/themes/hallooou
Version: 1.0

*/


/*  ----------------------------------------------
            CSS TABLE OF CONTENTS
    ------------------------------------------------- */


/*
1:  Body and paragraph text color
2:  Primary color
3:  Hover color - Lighter or darker shade of Primary color for hover
4:  Secondary color
5:  Slider (Hero unit) overlay color (optional)
6:  Colors with opacity
7:  Dark color/Footer color
8:  Text selection color

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


/* COLOR STYLES
/* ---------------------------------------------- */


/* 1:   Body and paragraph text color */


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

body,
.services-item p {
    color: #999;
}


/* 2:   Primary color */


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

h1,
h2,
h3,
h4,
h5,
h6,
a:hover,
a:focus,
.highlight,
.navbar-custom a,
.services-item i,
.client-info h4,
blockquote {
    color: #111111;
    /* Primary color */
}

.highlight {
    color: #fff;
    /* change gray to white for readability */
}

.pace .pace-progress,
.overlay,
.products-container span.icon,
.full-project,
.project-navigation a:hover,
.our-clients,
.cta-two-section,
.full-project,
.btn-default,
.btn-overcolor,
.client-testimonials.owl-theme .owl-controls .owl-page span,
.recent-project-carousel.owl-theme .owl-controls .owl-page span,
.scroll-top a:link,
.scroll-top a:visited {
    background: #000000;
    /* Primary color */
}

.services-item:before {
    border-bottom-color: #000000;
    /* Primary color */
    border-left-color: #000000;
    /* Primary color */
}

.testimonials p.speech,
.btn-default,
.scroll-top a:link,
.scroll-top a:visited,
blockquote {
    border-color: #000000;
    /* Primary color */
}

.testimonials p.speech:before {
    border-top-color: #000000;
    /* Primary color */
    border-left-color: #000000;
    /* Primary color */
}


/* 3:   Hover color - Lighter or darker shade of Primary color for hover */


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

.btn-default:hover,
.btn-default:focus,
.btn-overcolor:hover,
.btn-overcolor:focus,
.scroll-top a:hover {
    border: 1px solid #696969;
    /* Hover color */
    background: #696969;
    /* Hover color */
}

.full-project:hover {
    background: #696969;
    /* Hover color */
}

.btn-overcolor:hover {
    border: 1px solid #fff;
    /* Optional Hover border color */
}


/* 4:   Secondary color */


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

.our-clients {
    background: #707278;
    /* Secondary color */
}

.btn-outlined {
    border: 1px solid #707278;
    /* Secondary color */
    background-color: #707278;
    /* Secondary color */
}

.btn-outlined:hover,
.btn-outlined:focus {
    color: #707278;
    /* Secondary color */
    border: 1px solid #707278;
    /* Secondary color */
}


/* 5:   Slider (Hero unit) overlay color (optional) */


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

.overlay-detail {
    background: #000;
    /* optional color for overlay */
}


/* 6:   Colors with opacity - Set RGBA by generating values here--> http://hex2rgba.devoth.com/  */


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


/* RGBA of Primary color */

.navbar-custom.top-nav-collapse,
.carousel-control.left:hover,
.carousel-control.right:hover,
.team-member figure:hover figcaption,
.services-item:hover,
#cd-zoom-in,
#cd-zoom-out {
    background-color: rgba(0, 0, 0, 0.8);
    /* RGBA of Primary color - opacity .9 */
}


/* 7:   Dark color/Footer color */


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

footer,
footer .copynote {
    background: rgba(62, 60, 60, .97);
    /* Dark color/Footer color */
}


/* 8:   Text selection color */


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

::-moz-selection {
    background: rgba(0, 0, 0, .7);
    /* RGBA of Primary color - opacity .7 */
}

::selection {
    background: rgba(0, 0, 0, .7);
    /* RGBA of Primary color - opacity .7 */
}

body {
    webkit-tap-highlight-color: rgba(61, 61, 61, .7);
    /* RGBA of Primary color - opacity .7 */
}


/* Modal fullScreen */

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

.modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* border: 2px solid #3c7dcf; */
    border: 2px solid #000000;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-header {
    position: absolute;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    
    height: 50px;
    padding: 10px;

    background: #000000;
    border: 0;
}

.modal-title {
    font-weight: 300;
    font-size: 2em;
    color: #fff;
    line-height: 30px;
}

.modal-body {
    position: absolute;
    background-color: #000000;
    /*
    top: 50px;
    bottom: 60px;
*/
    width: 100%;
    height: 100%;
    font-weight: 300;
    /* overflow: auto; */
    overflow: hidden;
}

.modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    /*
    height: 60px;
    padding: 10px;
*/
    background: #f1f3f5;
}

.close {
    opacity: 1;
    margin-bottom: 10px;
    font-size: 16px;
}

.modal-header > p {
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}