/*
Theme Name: Sonido v1
-----------------------------------------------------------------------------*/


/* -------------------------------------------------------------- 
   
   Basic WordPress Blog Styles   
     
-------------------------------------------------------------- */   


/* Images
-------------------------------------------------------------- */

body  {
    
margin: 0px;
    
padding: 0px;
    
text-shadow: none;
    
font-family: Verdana,Geneva,sans-serif !important;
	font-size: 13px;
line-height: 21px;    
background:url(https://sonido.rs/wp-content/uploads/2022/10/bg-2.jpg);
}


a {
    color: #050003;
    text-decoration: none;
}






#header {


}




.clear {
    clear: both;
}


.container {
max-width:1000px;
margin: 0 auto;
z-index:9;
}



#logo {



width:455px;
height:150px;
position:relative;
	padding-top:28px;
	text-align:center;
	clear:both;
	margin:0 auto;
	clear:both;
	text-align:center;
}



a.learnmorebtn {
    background:#2892d0;
    color:#ffffff!important;
padding-top: 6px;
padding-bottom: 6px;
font-size: 11px;
	display:block;
	text-align:center;
	margin-top:8px;
	font-weight:bold;
	  width: 180px;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size:15px;

}



#logo img {


    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;  



}


#menu {
width:auto;
padding:0px;


}


#kontakt {
    
    margin-top:30px;
}

#kontakt h2 {
    
    text-align:center;
    margin-bottom: 0px!important;
}

#kontakt img {
    margin-top:40px;
}

.tooltip input {
display:none;

}

.tooltip label {
display:none;

}

.main-nav ul  {


   width: 100%;
   display: table;
   text-align: center;

}

.main-nav ul li {
    position: relative;
     display: inline-block;
     float: none;	
     padding-left:10px;
     padding-right:10px;
}

.main-nav ul li a {
	color:#3b3b3b !important;
	font-size:19px;
	    font-family: 'Montserrat', sans-serif;
	    font-weight:700;
}

.main-nav ul li:last-child {
	margin-right:0px;
}


#formlink {display:none;
text-align:center;    
}

#formlink .wpcf7-submit {
background:#137dea!important;   
margin-bottom:10px;
margin-top:10px;
display:block;
    
}

ul#menu-main-menu {
	list-style-type: none;}

}




.main-nav ul a {
	color:#1f1f20;
}


.main-nav ul ul a {
       color:#333333;
 
    
}


img#topimg {
    
    -webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-bottom:-10px;
}




ul.sub-menu li {
	text-transform: none !important;

}





.main-nav li {
    position: relative;
}








.main-nav ul ul {
    display: none;
}

.main-nav ul li:hover > ul {
    display: block;
}




.main-nav ul ul {
    display: none;
    position: absolute;
    top: 4em;
    left: 0;
    z-index: 99999;
    width: auto;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	    font-family: Overpass ;
font-weight: 600 ;
margin:0;
padding:0;

}


.main-nav ul ul li {
	line-height:30px;
	font-size:14px!important;
font-weight:400!important;
width:230px;
margin:0;
padding:0;
color:#ffffff;
margin-top:5px;
margin-bottom:5px;
padding-left:20px;

}


.main-nav ul ul li:hover {
	background:#b73225;
	color:#ffffff;
	
}

.main-nav ul ul li:hover a {
  color: #ffffff;
  text-decoration:none;
}



.main-nav li {
    position: relative;
}





#topmenu ul {
		list-style-type: none;
margin:0;
padding:0;
line-height:50px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px ;
font-weight: 400 ;
text-transform: capitalize ;
}


#topmenu li {
	float:left;
	margin-right:18px;
			list-style-type: none;

	
}




#containerblog {
	max-width:1000px;
	margin: 0 auto;
	margin-top:48px;
	
}


#postcontainer {

	overflow:hidden;
	background:#ffffff;
	border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	padding:20px;
	-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}




#entry-content {
font-size: 15px !important;
line-height: 30px !important;
color:#222222;
}

#entry-content h2 {

  font-family: 'Montserrat', sans-serif;
  font-weight: 700;

color:#3b3b3b;
font-size: 25px;
line-height: 38px;
margin-top: 0px;
margin-bottom: 20px;

}


#entry-content p {
	
	margin-bottom:0!important;
}

#entry-content a {
	color:#137dea;
}

#entry-content ul {
	margin-left:20px;
	padding:0;
}


strong {font-weight:bold;}


.homepostcontent {overflow:hidden; 
font-size: 13px;
color:#202021;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
line-height:24px;
}

.homepostcontent a {
	color:#202021;
}

#home {
max-width:1200px;
padding-top:20px;

margin:0 auto;

}




/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
		margin-bottom:50px!important;

}


.lastsection {
    		margin-bottom:0px!important;

    
}

.section img {
    border-radius:4px;
    
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 4%;    
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_1_of_2 {
	width: 48%;    
}






.alignleft, 
img.alignleft  {
    
        display:  inline;
    
        float:  left;
    
  margin-right:  1.5em;
    
}
.alignright, 
img.alignright  {
    
        display:  inline;
    
        float:  right;
    
  margin-left:  1.5em;
    
}
.aligncenter, 
img.aligncenter  {
    
        clear:  both;
    
        display:  block;
    
        margin-left:  auto;
    
        margin-right:  auto;
    
}



#source a {color:#222222!important;}




/* Pullquotes
-------------------------------------------------------------- */



h1, h2, h3, h4, h5, h6  {
    
    font-family: 'Montserrat', sans-serif;
    color:#3b3b3b;

    font-weight:800;
    
}

h1 {
	margin-bottom:20px;
font-size: 30px;
}




/* Text elements
-------------------------------------------------------------- */

p  {
    
        margin-bottom:  1.5em;
    
}



ul ul,  ol ol,  ul ol,  ol ul  {
    
        margin-bottom: 0;
    
}

cite,  em,  i  {
    
        font-style:  italic;
    
}


.wpcf7-submit a {
color:#ffffff!important;
text-align:center!important;

}






blockquote {
    margin: 10px 0;
    padding: 15px;
    background-color: #f8f8f8;

border-left:4px solid #1babe2;
}










#footer {
    clear: both;
	text-align:center;

overflow:hidden;
    max-width: 1100px;
line-height: 28px;
margin:0 auto;
padding-bottom:15px;
font-size: 13px !important;
color:#050003;
margin-top:40px;
}





.wpcf7-form p {
	margin-bottom:0px;
}







img {
    height: auto;
    border: 0;
    max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
	
	}








.wpcf7 input[type="text"],  .wpcf7 input[type="email"],  .wpcf7 textarea, .wpcf7 select  {
    
	width:  100%;
    
	padding:  8px;
    
	border:  1px solid #ccc;
    
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    
	-webkit-box-sizing:  border-box;
    
	 -moz-box-sizing:  border-box;
    
	      box-sizing:  border-box;
			  
			  margin-bottom:10px;
	
font-size: 13px;
			  
}


textarea {
   font-family: inherit;
   font-size: 13px!important;
}


.wpcf7-select  {
background:#ffffff;	
}


.wpcf7 input[type="text"]:focus {
    
	background:  #fff;
    
}

.wpcf7 img {margin-top:-30px;}

.wpcf7 ::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;


}

.wpcf7 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;

}
 .wpcf7 ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;


}
.wpcf7  :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;


}


.wpcf7-submit {

    background: #2892d0!important;
    width: 100%;
font-size:16px;
font-weight:300!important;
color:#ffffff;

padding-top: 10px;
padding-bottom:10px;
border:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;	
	cursor: pointer;
}






span.underline {
text-decoration:underline;
}




span#bold {
font-weight:bold;

}








/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}












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

#topsection, #home, #header {
padding-left:20px;
padding-right:20px;

	
}




.tooltip label {
display:block;

}



.tooltip-label {
width:auto;
margin-top:35px;
text-align:center;

  cursor: pointer;
  margin-bottom: 1em
}
.tooltip-input {
    display: none;
} /*Hide input element*/

.tooltip-input:not(checked) ~ .tooltip-content {
    display: none;
}
.tooltip-input:checked ~ .tooltip-content {       
    display: block;
}







#logo img {
float:none;
text-align:center;
clear:both;
position:relative;

}



#menu  {
float:right;

padding-top: 20px;
width:100%;
line-height:30px;
}


#menu ul ul {
	display:block;
}

.main-nav ul ul {
	position:relative;
	top: 0em;
}

.main-nav ul ul a {
	color:#aaaaaa;
	
}

.main-nav ul ul li:hover {background:none;}

#menu ul {
padding:0px;
}

#menu ul li {
clear:both;
width:100%;
padding:0px;
margin-bottom:10px;
margin-left:10px;

}

#containerblog {
padding-left:20px;
padding-right:20px;
}



}


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

#footer {
	padding-left:20px;
}



.home #footer {
	padding-left:0px;
}




}




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





		



#postcontainer {
    max-width: 100%;
    float: none;
}

.cybersecuritywebinar h2 {
	height:auto;
}


}






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

 #containerblog {
padding-left:20px;
padding-right:20px;

padding-top:30px;

margin-top: 0px;
}



#postcontainer {
    max-width: 100%;
    float: none;

}


#postcontainer h1 {
font-size: 24px !important;
line-height: 38px !important;
}


#kontakt {
padding-left:20px;
padding-right:20px;
}



#logo {
    width:auto;
    height: auto;
    
}



}








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

.home h1 {font-size:19px;}

}