/*
Theme Name: Atlas Theme
Theme URI: http://atlas-commercial.com
Description: A custom built WordPress theme for atlas-commercial.com
Author: DVH Design
Author URI: http://dvhdesign.co.uk
Version: 1.0

*/

@import url('css/bootstrap.min.css'); 
@import url('css/scrolling-nav.css'); 

@font-face {
    font-family: 'lnx';
    src: url('./fonts/titillium-regular-webfont.eot');
    src: url('./fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/titillium-regular-webfont.woff2') format('woff2'),
         url('./fonts/titillium-regular-webfont.woff') format('woff'),
         url('./fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('./fonts/titillium-regular-webfont.svg#lnx') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'h1';
    src: url('./fonts/titillium-semibold-webfont.eot');
    src: url('./fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/titillium-semibold-webfont.woff2') format('woff2'),
         url('./fonts/titillium-semibold-webfont.woff') format('woff'),
         url('./fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('./fonts/titillium-semibold-webfont.svg#h1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'h3';
    src: url('./fonts/lato-bold-webfont.eot');
    src: url('./fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/lato-bold-webfont.woff2') format('woff2'),
         url('./fonts/lato-bold-webfont.woff') format('woff'),
         url('./fonts/lato-bold-webfont.ttf') format('truetype'),
         url('./fonts/lato-bold-webfont.svg#h3') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'txt';
    src: url('./fonts/lato-regular-webfont.eot');
    src: url('./fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/lato-regular-webfont.woff2') format('woff2'),
         url('./fonts/lato-regular-webfont.woff') format('woff'),
         url('./fonts/lato-regular-webfont.ttf') format('truetype'),
         url('./fonts/lato-regular-webfont.svg#txt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'symb';
    src: url('./fonts/glyphicons-halflings-regular.eot');
    src: url('./fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('./fonts/glyphicons-halflings-regular.woff') format('woff'),
         url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'),
         url('./fonts/glyphicons-halflings-regular.svg#symb') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Styling Start */

p, li, td { font-family: 'txt'; 
            color: #000;
            font-size: 1.2em; }

h1 { font-family: 'h1';
     color: #000;
     text-align: center;
     font-size: 3em;
     padding-bottom: 2%; }
h2 { font-family: 'h1';
     color: #623;
     text-align: left; 
     font-size: 2.45em; 
     padding-bottom: 2%;}
h3 { font-family: 'h3';
     color: #265;
     font-size: 1.5em; }

.cont-section h2 { color: #fff; }     

a:hover { color: #623; }

/* Styling End */


/* Page Elements Start */

.lhsbtn img, .rhsbtn img { margin-right: 3%; }

.btns { padding: 2% 0; }
.lhsbtn, .rhsbtn { margin: 3% 0; }
.txt { padding-bottom: 3%; }


.cust { font-family: 'h3';
        color: #000;
        text-align: center;
         }
a.cust:hover { text-decoration: none; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background-color: #222;
                                                                                         color: #fff;
                                                                                         border-bottom: 3px #222 solid; }
.navbar-default { background-color: #fff !important;
                  border-color: transparent !important; }
.navbar-default .navbar-nav > li > a { font-family: 'lnx';
                                       border-bottom: 3px #fff solid; }
.navbar-nav > li.page-item-5 > a:hover:before, .navbar-nav > li.page-item-16 > a:hover:before, .navbar-nav > li.page-item-18 > a:hover:before, .navbar-nav > li.page-item-20 > a:hover:before, .navbar-nav > li.page-item-22 > a:hover:before, .navbar-nav > li.page-item-24 > a:hover:before  { color: #fff; }
.navbar-nav > li.page-item-5 > a::before { color: #623; 
                                   font-family: 'symb';
                                   content:"\e021"; 
                                   margin-right: 0.5em; }

.navbar-nav > li.page-item-16 > a::before { color: #623; 
                                   font-family: 'symb';
                                   content:"\e008"; 
                                   margin-right: 0.5em; }
.navbar-nav > li.page-item-18 > a::before { color: #623;
                                    font-family: 'symb';
                                    content:"\e139";
                                    margin-right: 0.5em;}
.navbar-nav > li.page-item-20 > a::before { color: #623;
                                    font-family: 'symb'; 
                                    content:"\e046"; 
                                    margin-right: 0.5em;}
.navbar-nav > li.page-item-22 > a::before { color: #623;
                                    font-family: 'symb';
                                     content:"\e122";
                                    margin-right: 0.5em;}
.navbar-nav > li.page-item-24 > a::before { color: #623;
                                    font-family: 'symb';
                                    content:"\e145"; 
                                    margin-right: 0.5em;}
 
.navbar-default .nav .current_page_item a,
.navbar-default .nav .current_page_item a:hover,
.navbar-default .nav .current_page_item a:focus { border-bottom: 3px #000 solid; }
                                    
.intro-section { background-image: url(images/bgimage.jpg) !important;
                 background-repeat: no-repeat !important; 
                 background-position: center center;
                 width: 100%;
                 text-align: center; 
                 -webkit-background-size: cover;
                 -moz-background-size: cover;
                 background-size: cover;
                 -o-background-size: cover; 
                  } 
                  
.pg { padding-top: 100px; }

.form-control, input.wpcf7-form-control, textarea.wpcf7-form-control { font-style: italic; 
									font-size: 1.1em; }
div.wpcf7-mail-sent-ok, .wpcf7-validation-errors { background-color: #fff; }

#huge_it_portfolio_container_2 { margin-left: 25px !important; }

#wpcf7-f80-o1 .wpcf7-not-valid-tip { color: #fff; }

.hdr { background-color: #fff; }              
.porw { margin-top: 2%;
        margin-bottom: 2%; } 
.porw p, .title-block_2 h3 { text-align: left;
          font-size: 1.2em !important;
          font-family: 'h3';
          margin: 2% 0;
          color: #265 !important; }
.porw a { color: #265; }
.porw img:hover {   -webkit-box-shadow: 1px 1px 13px 5px #545454;
                    box-shadow: 1px 1px 13px 5px #545454;
                    -moz-transition: all 0.5s ease 0s;
                    -webkit-transition: all 0.5s ease 0s;
                    -o-transition: all 0.5s ease 0s;
                    -ms-transition: all 0.5s ease 0s; }

a.btn-default { background-color: #265;
                color: #fff;
                font-family: 'lnx'; 
                font-size: 1.5em; 
                border-radius: 0;
                }
 .send, .wpcf7-submit {  background-color: #fff; 
          border: 3px #265 solid;
          color: #265;
          font-family: 'h3';
          text-transform: uppercase;
          font-size: 1.6em !important;
          border-radius: 0; 
          padding: 1% 3%; 
	  font-style: normal !important; }               
.cont-section { background-color: #623; }
.addr p { color: #fff;
          font-size: 1.5em; 
          font-family: 'txt'; }
          
.soc { padding: 2% 0; } 

.fn p { font-size: 0.95em;
        text-align: right;
        color: #fff; 
        margin: 3% 0; }       
.fn p a { color: #eee; }   
.fn p a:hover { color: #265; }  
     
/* Page Elements End */

        /* Stuff that WordPress might want to use Start */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

/* Stuff that WordPress might want to use End */

@media (max-width: 767px) { .cont-section { padding-top: 120px; }
                            .porw img { margin: 2% auto; }
                            .porw p { text-align: center; }
			    .cust { font-size: 1.1em; }
                            .intro-section { padding-top: 130px !important;
					     padding-bottom: 100px !important; }
                            .rwork-section { padding-top: 50px !important;
					     padding-bottom: 150px !important; }
			    .cont-section { clear: both;
					    display: block;
					    padding-top: 150px !important; }
                            .lhsbtn, .rhsbtn { text-align: left !important; }
                            a.rwk { text-align: center !important; }
                            a.rwk2 { display: none; }
                            .lhsbtn a.cust, .rhsbtn a.cust { margin-left: auto !important; margin-right: auto !important; }
                            .cust { font-size: 1.2em; }
                            input.wpcf7-form-control, textarea.wpcf7-form-control { width: 100%; }
                            .por1, .por3, .por4 { display: none; }
                            .addr p { font-size: 1em; }
                            .addr h2 { font-size: 1.5em; }
                             .navbar-header { background-color: #eee; } 
                            .hdr { margin: 2% 0; }
                            .btns { width: 75%;
                                    margin-left: auto;
                                    margin-right: auto; }
                            .btn2 .lhsbtn, .btn2 .rhsbtn { margin-left: auto;
                                                           margin-right: auto;
                                                           display: block; }     
				h1 { font-size: 1.2em; }   
.lhsbtn .rhsbtn { font-size: 1em !important; }
                            }

@media (min-width: 768px) { .navbar-brand { display: none; } 
                            .intro-section { padding-top: 250px !important; }
                            .rwork-section { padding-top: 90px !important; }
                            .intro-section h1 { font-size: 2.5em; }
                            .lhsbtn, .rhsbtn { margin-left: auto; margin-right: auto; }
                            .lhsbtn a.cust, .rhsbtn a.cust { margin-left: auto !important; margin-right: auto !important; }
                            input.wpcf7-submit { width: 50%; }
                            input.wpcf7-form-control, textarea.wpcf7-form-control { width: 100%; }
                            .porw img { margin: 2% auto !important; }
                            .porw p { text-align: center; }
                            .navbar-header { background-color: #eee; } 
                            .hdr { margin: 2% 0; }
                            .por3, .por4 { display: none; }
                             a.rwk2 { display: none; }
                             .cust { font-size: 1.8em; }
}

@media (min-width: 992px) { .navbar-brand { display: none; }
                            .navbar-default { float: right; }
                            .lhsbtn { text-align: right; }
                            .rhsbtn { text-align: left; }  
                            .porw img {margin: 2% 0; }    
                            .porw p { text-align: left; }
                             .btn2  { display: inline-block; }
                             .lhsbtn a.cust, .rhsbtn a.cust { display: inherit; }
                             .intro-section, .cont-section { padding-top: 250px !important; }
                             .intro-section h1 { font-size: 3em; }
                             .hdr { margin: inherit; } 
                             .btns { width: 100%; }
input.wpcf7-submit { width: 33%; }
                             .por3, .por4 { display: inline-block; }
 a.rwk2 { display: inline-block !important; }
}

@media (min-width: 1200px) { .navbar-brand { display: none; }
                             .navbar-default { float: right; }
                             .lhsbtn { text-align: right; }
                             .rhsbtn { text-align: left; } 
                             .porw img {margin: 2% 0; }    
                             .porw p { text-align: left; }  
                             .btn2  { display: inline-block; }  
                             .intro-section { padding-top: 150px !important; }
                             .intro-section h1 { font-size: 3em; } 
                             .hdr { margin: inherit; } 
                              input.wpcf7-submit { width: 33%; }   
 a.rwk2 { display: inline-block !important; }                         
                           }