/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */





/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */



@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */
.two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar {
width: 30%;
margin-top: 20px;
}


.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
width: 61.4%;
  padding: 30px 30px;
  margin: 20px 0 0 0;
  background: #fff;
  border: 1px solid #000;
}

body.home #main-sidebar-container #main {
  padding: 0px 30px;
  margin: 18px 0 0 0;
  background: #fff;
  border: 1px solid #000;
}

#main-sidebar-container #main {
  padding: 30px 30px;
  margin: 20px 0 0 0;
  background: #fff;
  border: 1px solid #000;
}


#header {padding: 0px; }

#nav-container #navigation, #navigation { 
        background: none !important;
    }
    

#navigation .menus.nav-icons-1 #main-nav {
margin-right: 0em !important;
}

#main-nav {padding: 34px 0 23px 0;}



ul.nav li a {
  display: block;
    padding: 10px 12px 10px 12px !important;
    font-family: 'Oswald', sans-serif;
    line-height: 20px;
    text-shadow: 2px -1px 0px #000;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    margin-right: 19px;
    background: none;
    border: none;
    font-weight: bold;
}

#navigation ul.nav > li {
background: transparent;
padding-right: 2px;
border-right: 0px solid #dbdbdb;
}

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
background: none;
color: #db011c ;
text-shadow: 2px -1px 0px #000;
}

ul.nav li.current-menu-ancestor ul li a {background: #161515 !important; }

#nav-container #navigation ul#main-nav > li:first-child {
border-left: 0px solid #dbdbdb !important;
background: transparent;
color: #fff !important;
padding-left:2px;
}

#navigation ul.nav > li a:hover, ul.nav li a:hover, ul.nav li:hover a {
    background: none;
    color: #db011c;
    text-shadow: 2px -1px 0px #000;
}

#navigation ul.nav > li:hover {background:none !important; }

ul.nav li ul li a:hover, ul.nav li ul li:hover a {
text-decoration: none !important;
background:#222 !important;}

ul.nav ul {
width: 16em !important;
padding: 0 !important;
}
ul.nav li ul li a {border-bottom: 1px solid #ccc;
padding: 10px 10px !important;
font-size: 1.1em !important; }




#nav-container {
border: 0px solid #d9d9d9 !important;
background: none !important;
}

#logo {
float: none;
max-width: 90%;
margin-top: 12px;
text-align: center;    
margin-left: auto;
margin-right: auto;
}

#footer-widgets-container {
background-color: #000;
background: #d7011b url('images/bkgrnd_footer.jpg')repeat-x bottom !important;
}

#contact-social {none:right;  margin: 17px 0 0 0; color:#ccc; text-shadow: 1px 2px 1px #000; text-align:center; }

#contact-social p {
    font-size: 1.3em;
}

#contact-social a#phone {
  color: #ccc;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 3.9em;
  text-shadow: 2px 5px 1px #000;
}
#contact-social a#phone:hover {text-decoration:none; }


}




@media only screen and (max-width: 767px) {



#header {padding-top: 0px; }



ul.nav li a {
  display: block;
  padding: 10px 12px 10px 12px !important;
font-family: 'Oswald', sans-serif;
  line-height: 20px;
  text-shadow: -1px -2px 1px #fff;
    text-transform:uppercase;
  cursor: pointer;
  font-size: 18px;
  color: #000;
  margin-right: 10px;
  background: #ccc url('images/bkgrnd_nav-li-parent.jpg');
  border: 1px solid #000;
  font-weight: bold;
}

.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
width: 85%;
  padding: 30px 30px;
  margin: 20px 0 0 0;
  background: #fff;
  border: 1px solid #000;
}

input, textarea {width:205px;}

#footer-widgets-container {
  background-color: transparent !important;
}

#content {
  padding: 0 0 0px !important;
  position: relative;
}

body.home #main-sidebar-container #main {
  padding: 0px 30px;
  margin: 18px 0 0 0;
  background: #fff;
  border: 1px solid #000;
}

#contact-social {float:right;  margin: 77px 0 0 0;color:#ccc; text-shadow: 1px 2px 1px #000;text-align:center; }

#contact-social a#phone {
  color: #ccc;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 2.5em;
  text-shadow: 2px 5px 1px #000;
}

#contact-social a#phone:hover {text-decoration:none; }





}




@media only screen and (max-width: 580px) {

#header-container {
  background: #d7011b url('images/bkgrnd_footer.jpg')repeat-x bottom !important;
}

#logo {position: relative;
margin: 20px 5% 0 5% !important;
 }
 
 #logo img {
    max-width: 35vw;
}
 
 #contact-social {
   margin: 25px auto 0 auto;
  width: 260px;
}

#nav-container #navigation {
margin-bottom: 0;
border: none;
border-radius: 0;
background: #000;
color:#fff !important;
}

#header {
  padding-bottom: 20px;}

#navigation ul.nav ul {
background: #161515 !important;
}

#navigation h3 {
font-size: 1em;
padding: .5em .7em;
color:#fff !important;
}

ul.nav li a {
  display: block;
  padding: 10px 12px 10px 12px !important;
  font-family: 'Oswald', sans-serif;
  line-height: 20px;
  text-shadow: -1px -2px 1px #fff;
    text-transform:uppercase;
  cursor: pointer;
  font-size: 18px;
  color: #000;
  margin-right: 10px;
  background: #ccc url('images/bkgrnd_nav-li-parent.jpg');
  border: 1px solid #000;
  font-weight: bold;
}

body.home #main-sidebar-container #main {
  padding: 0px 30px;
  margin: 0px 0 0 0;
  background: #fff;
  border: 1px solid #000;
}


ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
background:#db001c !important; }

ul.nav li a, ul.nav li ul li a {
background: none !important;
color: #fff !important;
}

ul.nav li a:hover, ul.nav li ul li a:hover {
background: #222 !important;
text-decoration:none !important;
}

#navigation ul ul {
margin: 0 0 0 0em;
padding: 0 0 0 1em;
}


#contact-social {float:none; clear:both;color:#ccc; text-shadow: 1px 2px 1px #000;}

#contact-social a#phone {
  color: #ccc;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 2.5em;
  text-shadow: 2px 5px 1px #000;
}

#contact-social a#phone:hover {text-decoration:none; }

}


/*****ADDITIONAL CSS *****/

/**HOMEPAGE CROSSTECH VIDEOS -- BEGIN **/
div#crosstech-videos {
    width: 100%;
    padding: 10px 0px 80px 50px;
    height: 550px;
    background: url(../../uploads/2021/02/crosstech_videos_background.jpg) center top;
    background-repeat: repeat;
    background-position: top center;
    background-size: cover;
}

div#crosstech-row {
    width: 90%;
    margin: 0 auto;
    height: 300px;
    display: block;
}

.video-column {
    float: left;
    width: 30%;
    margin: 10px;
    display: block;
}

.video-column h2 {
    text-align:center;
}

.video-column p {
    color: #000;
    margin: 20px 0px;
    padding: 0px 15px;
    font-size: 16px;
}

.nutech-btn{
    margin-top:44px !important;
}

.wire-btn{
    margin-top:44px !important;
}

@media screen and (max-width:900px){
    
    div#crosstech-videos {
    width: 100%;
    padding: 20px 0px 80px 0px !important;
    height: 1750px !important;
}

div#crosstech-row {
    width: 100% !important;
}

.video-column {
    float: none;
    width: 100%;
    margin: 0px;
}

.nutech-btn {
    margin-top: 0px !important;
}

.wire-btn {
    margin-top: 0px !important;
}

.video-column h2 {
    font-size: 25px !important;
}

.page-id-668 div#content {
    background: #fff !important;
}

.page-id-668 section.entry {
    padding: 0px 20px;
}


}

/**HOMEPAGE CROSSTECH VIDEOS -- END **/