/*
Theme Name: CAD WP Base Theme
Theme URI: http://github.com/cad-uix/cad-wp-theme.git
Author: Marcel Badua
Author URI: http://marcelbadua.com/
Description: Custom A Design Wordpress Theme Framework utilizes the use of bower and gulp. to be used for bootstrap and it's powerful LESS files
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap, LESS, bower, gulp
Text Domain: oracle

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
p{
	text-align: justify;
}


#main-banner .carousel-inner .item img {
	width: 100%!important;
}


#telecom p, #about p {
    text-align: justify;
}

.contacts a {color:#fff;}

.contacts a:hover {color:#fff; text-decoration: none;}

@media screen and (min-width: 320px ) and (max-width: 1024px){
	body{
		overflow-x: hidden;
	}

}
@media screen and (min-width: 320px) and (max-width: 480px){

	 #telecom h1 {
    font-size: 25px;
    text-align: center;
	}

	#about, #form, #telecom {
    padding: 1rem 0 1em !important;
	}

	#about p, #telecom p {
    text-align: center !important;
	}

	#about h1, #telecom h1 {
    font-size: 30px !important;
	}


	a.btn {
    margin: 1em 0 0 !important;
	}


	a.btn.btn-white {
    margin: 0;
    padding: 10px 20px;
    font-size: 12px;

	}

}

@media screen and (min-width: 320px) and (max-width: 736px){
	footer, #colophon  {
    text-align: center;
	}

	.col-sm-4.blog, .col-sm-4.contact-us, .col-sm-4.social-icons {
    margin-bottom: 1em;
	}

	#colophon p {
    margin-top: 1em;
    text-align: center;
    font-size: 12px;
	}

	#form h1 {
    margin: 1rem 0 1rem !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 736px){



	.home header {
	    position: static !important;
	    background-color: #949593;
	    padding: 15px 0;
	}

	img.logo.img-responsive.center-block {
    	width: 30% !important;
	}

	header .contacts li {
	    font-size: 20px !important;
	    text-align: center !important;
	}

	ul.list-inline.social-link {
	    margin: 1em 0 0;
	    text-align: center;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	header .contacts li {
	    font-size: 15px !important;
	}
	img.logo.img-responsive.center-block {
	    width: 80% !important;
	}
	#banner #main-banner .carousel-inner .item .carousel-caption {
	    bottom: 0% !important;
	}
}


@media screen and (width: 320px) {
	#services .box .content .details p {
	    font-size: 16px !important;
	}
	#services .box .content .details a{
		margin-top: 0px !important;
	}

}

.page-list-ext .page-list-ext-item {
    float: left !important;
    padding: 0 10px !important;
	 clear: none !important;
	 margin: 10px 0 30px 0 !important;
	 width: 17% !important;
	height: 340px !important;
	/*border-style: solid;
    border-width: 1px;
    border-color: #333;*/
     margin: 6px 17px !important;
}

.page-list-ext-image {
    border-style: solid;
    border-width: 1px;
    border-color: #333;
}

form#gform_2 input, form#gform_2 textarea {
    border: 1px solid #8d9ab1;
}

.products-icon {
  max-width: 185px !important;
  min-width: 190px !important;
}

.page-id-10 img[alt="Training"],
.page-id-12 img[alt="Cabling"],
.page-id-14 img[alt="Installation"],
.page-id-6 img[alt="about-img"] {
	display: none !important;
}

@media (max-width: 767px){
	#telecom{
		background-size: 100% 100%!important;
		background-repeat: no-repeat!important;
	}
	.products-icon{
		margin: auto!important;
	}

	#telecom p{
		text-align: justify!important;
	}

	#about h1{
		text-align: center;
	}

	#about p{
		text-align: justify!important;
	}

	#about a.btn.btn-white{
		display: block;
		width: 40%;
		margin: auto!important
	}

	#about img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		height: 150px;
		width: 150px;
	}

	.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first{
		margin-right: 0;
	}

}

@media (width: 1024px){
	section#navigation .container .row {
    	margin-left: -102px !important;
	}
}

@media (max-width: 600px){
	section#telecom {
		background-attachment: inherit !important;
	}
}


@media (width: 600px){
	#banner #main-banner .carousel-inner .item .carousel-caption {
    	bottom: 0 !important;
	}
}

@media (width: 640px){
	#banner #main-banner .carousel-inner .item .carousel-caption {
    	bottom: 8% !important;
	}
}

@media (width:533px){
	#banner #main-banner .carousel-inner .item .carousel-caption {
    	bottom: 0 !important;
    	left: 5% !important;
    	right: 20% !important;
	}
}

@media (max-width: 240px){
	header .contacts li {
    	font-size: smaller !important;
	}
	ul.contacts {
    	margin-top: -27px !important;
    	margin-left: -10px !important;
	}
	#telecom h1 {
    	font-size: 20px !important;
	}
	#about p, #telecom p {
    	font-size: 12px !important;
	}
	#telecom a.btn {
    	font-size: 8.5px !important;
    	margin-top: 10px !important;
    }
	#about a.btn {
		font-size: 10px !important;
	}
	#form .form-bg .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_last_name span.name_last {
    	margin-top: 49px !important;
    	margin-left: -172px !important;
	}
	.contact-us {
    	margin-top: 17px !important;
	}
	footer ul.contacts {
    	margin-top: -3px !important;
	}
	.social-icons {
    	margin-top: 16px !important;
	}
}

@media (width: 320px){
	section#telecom {
		background-size: 250% 100% !important;
	}
}

@media (width: 375px){
	section#telecom {
		background-size: 160% 100% !important;
	}
}

@media (width: 414px){
	section#telecom {
		background-size: 150% 100% !important;
	}
}
#telecom .telec {
    background: rgba(0,0,0,0.50);
    padding: 1%;
}
#telecom h1 {
    color: #5C5CFF!important;
    text-align: center;
}
.mycontactform {
    background: rgb(148, 149, 147);
    padding: 2%;
}
img.aboutextrapic  {
    display: none;
}

#menu-main-menu li.dropdown:hover .dropdown-menu{
	display: block;
}

#post-16 img {
	height: 60px!important;
	margin-bottom: 20px;
}
#navigation .nav li a:focus, #navigation .nav li a:hover {
    display: block;
}

/* REVISIONS */
#about .col-sm-4.text-right.animated.slideLeft{
	margin-top: 62px;
}

.entry .cabling img.alignleft {
    float: initial;
}

.cabling .col-md-2.text-center h2 {
    margin-top: 100px;
}

.home #form .form-bg {
    color: #fff;
}

.form-bg div#gform_confirmation_message_2 {
	font-size: 25px;
	padding:10px;
	text-align: left;
	margin:70px;
}

.gform_body span#input_2_1_6_container {
    width: 45%;
}

#services .box {
    margin-bottom: 10px;
}

section#telecom {
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/*custom*/
.contacts li > a:hover {
	color:#959595 !important; 
	text-decoration: none !important;
}
.contacts li > a:focus, .contacts li > a:visited {
    text-decoration: none !important;
}
.page-list-ext-item a:hover, .page-list-ext-item a:focus {
    text-decoration: none !important;
}
main#main a {
    text-decoration: none !important;
}

.page-id-6 img.img-responsive.wp-post-image {
    margin: 0 auto;
    padding-bottom: 30px;
}

/*MENU STICKY*/

.menu-sticky {
    display: none;
    max-width: 1920px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 100;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0px 5px 10px -1px rgb(0 0 0 / 21%);
    box-shadow: 0px 5px 10px -1px rgb(0 0 0 / 21%);
    top: 0;
}

.d-block{
    display:block !important;
}

article#post-14 img.img-responsive.wp-post-image,
article#post-12 img.img-responsive.wp-post-image,
article#post-10 img.img-responsive.wp-post-image{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 30px;
}
article#post-56 .page-header h1:after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(https://onevoice-inc.com/wp-content/uploads/2022/11/nextivasalescertifiedbadge512x512.png);
    background-size: contain;
    width: 60px;
    height: 60px;
    top: 25px;
    left: 146px;
}
@media (max-width: 640px){
	article#post-56 .page-header h1:after {
		top: -15px !important;
	}
}
@media (max-width: 767px){
    .d-block{
        display:none !important;
    }
}

div#content-wrap div#main-banner {
    display: none;
}