/*
Theme Name: CyberDefenseWebinars
-----------------------------------------------------------------------------*/


/* -------------------------------------------------------------- 
   
   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: #EDF2F6 ;
    background-size: auto;
  background-size: cover;
}


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






#header {


}


#platforms {
    width:100%;

    
    
}


.clear {
    clear: both;
}


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



#logo {


width:auto;
float:left;

width:210px;

height:58px;
position:relative;
	padding-top:28px;
}



a.learnmorebtn {
    background:#0d6082;
    color:#ffffff!important;
padding-top: 6px;
padding-bottom: 6px;
font-size: 11px;
	display:block;
	text-align:center;
	text-transform:uppercase;
	margin-top:8px;
	font-weight:bold;
}



#logo img {


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



}


a.btnsmall {
	background:#b73225;
	color:#ffffff;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:20px;
	display:block;
	text-align:center;
	border-radius:4px;
}


#about {
    margin-top:10px;
}

#menu {
width:auto;float:right;
line-height:66px;
padding:0px;


}
select#cat {
	background:#ffffff;
	
		max-width:170px;
    
	padding:  4px;
    
	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;

	
  }

select#cat  option {
	
	margin-bottom:7px!important;
}




.tooltip input {
display:none;

}

.tooltip label {
display:none;

}

.main-nav ul li {
    position: relative;
		float: left;
list-style-type: none;
margin-right:28px;
   	font-size: 13px ;
font-weight: 600 ;
font-family: Overpass ;
text-transform:uppercase;

	
}

#homefooterlink {
	text-align:center;
	font-size:15px;
	margin-top:30px;
	
}

#homefooterlink a {
	color:#b73225;
}

.mysticky-welcomebar-fixed.mysticky-welcomebar-widget-0 {
	background:#ECF1F4 !important;
}

.mysticky-welcomebar-fixed.mysticky-welcomebar-widget-0 .mysticky-welcomebar-content p {
		color:#414141!important;

}

.mysticky-welcomebar-fixed.mysticky-welcomebar-widget-0 .mysticky-welcomebar-btn a {
	
	background-color:#0d6082!important;
}

.main-nav ul li a {
	color:#404040 !important;
}

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

.wpcf7-response-output {display:none!important;}




.page-id-82 .wpcf7-response-output {display:block!important;
border:0px!important;
}


.page-id-80 .wpcf7-response-output {display:block!important;
border:0px!important;
}

.page-id-1546 .wpcf7-response-output {display:block!important;
border:0px!important;
}



#formlink  {
	display:none;
	text-align:center;
background:#137dea!important;   
margin-bottom:10px;
margin-top:10px;
    
}

#formlink .wpcf7-submit  {
	display:block;
}

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

}




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


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







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;
}



.main-nav  .menu-item-has-children > a::after {
    font-family: "Font Awesome 5 Free"; 
    content: "\f107";

    padding-left: 7px;
}



#topsection {
overflow:hidden;
border-bottom: 1px solid #ddd;
background:#ffffff ;
}

#topsection a {
	color:#414141;
}

#topmenu {
		max-width:auto;
	float:left;

}


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


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

	
}


#social {
	width:auto;
	float:right;
	line-height:30px;
}


#social ul li{
				list-style-type: none;
float:left;
margin-right:14px;
}

#social ul li:last-child {
	margin-right:0px;
}




#postpad {
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 20px;
}

.cybersecuritywebinar  {
background:#ffffff;

border: 1px solid #dddddd;
list-style:none;
overflow:hidden;
border-radius:10px;

min-height:398px

}


.cybersecuritywebinar h2 {
	
	    font-size: 18px;
    line-height: 28px;
font-family: Overpass ;
   font-weight: 500 ;
margin-top:10px;
margin-bottom: 11px;
	color:#ffffff;
}










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


#postcontainer {

	overflow:hidden;
	background:#ffffff;
	border: 1px solid #ddd;
	border-radius:10px;
}


#postcontainer h1 {
font-family: Overpass ;
font-size: 22px !important;
line-height: 38px !important;
font-weight: 500 !important;

}


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

#entry-content h2,h3 {
	font-family: Overpass !important;
font-weight: 500 !important;
font-size: 20px;
line-height: 38px;
margin-top: 30px;
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:#404040;
}

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

margin:0 auto;

}

#gads {
	margin-top:40px;
	text-align:center;
	background:#E6E6E6;
	padding-top:25px;
	border-radius:10px;
}

#gads img {
 border-radius:10px;
  	margin-bottom:20px;

}

#gads iframe {
 border-radius:10px;
  	margin-bottom:20px!important;

 
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.9%;
}
.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 */ }


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.52%;
}
.span_2_of_4 {
	width: 49.05%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66%; }
.span_1_of_3 { width: 32%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 680px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}






.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-weight:  500;
font-family: Overpass ;
}

h1 {
	margin-bottom:20px;
	color: #414141;
	font-size: 22px;
}




/* 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;
}







#nav-below {
	clear:both;
}



#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:#404040;
margin-top:40px;
}

#footermenu {
	clear:both;
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

ul#menu-footer {
	list-style:none;
	  display: table;
	  margin:0;
	  padding:0;
  margin: 0 auto;
      text-align: left;
	  
}

ul#menu-footer li {
	width:auto;
        display:inline-block;
		margin-left:8px;
	margin-right:8px;
}



.featuredimg {
	position:relative;
}


.featuredimg img {
		width:100%!important;

}



#footer a {
	color:#404040;
}

.textwidget {
color:#333333;
}

#footer li a {
    display: block;
    font-weight: 300;

color:#050003;
}

.widgettitle {
font-size:15px;
text-transform:uppercase;
color:#333333;
font-weight:500;
margin-bottom:20px;
}




#jointhewebinar {
		background:#f8f8f8;
		overflow:hidden;
	padding:20px;
	border:1px solid #dddddd;
margin-bottom:20px;
border-radius:10px;

}

#jointhewebinar h1 {
	font-size:19px;
	margin-top:0px;
	margin-bottom:15px;
	line-height:32px;
	font-weight:600;
}

#speakers {
	
	margin-top:20px;
}

#latestwebinars {
	border:1px solid #dddddd;
}

#latestwebinars .homepostcontent {
	padding-bottom:0px;
	padding-top:4px;
}

#latestwebinars .cybersecuritywebinar h2 {
	height:auto;
	font-size:12px;
}


#latestwebinars .cybersecuritywebinar {
	border:0px;
	border-bottom:1px solid #dddddd
}



#latestwebinars .cybersecuritywebinar:last-child {
	border:0px;
	border:0px;
}


#jointhewebinar .wpcf7 {
	margin-bottom:20px;
	
}



.clearpad {
	height:4px;
	clear:both;
}

#postsidebar h2 {
	margin-top:0px;
}

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


.wpcf7-spinner {
	display:none!important;
}





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: #2ab573!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: Overpass ;
	
	cursor: pointer;
}






span.underline {
text-decoration:underline;
}




span#bold {
font-weight:bold;

}





















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

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

	
}




.tooltip label {
display:block;

}



.tooltip-label {
width:auto;
float:right;
margin-top:35px;

  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 {
	margin-left:10px;
}


#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) {


#homecontent {max-width:100%;
width:100%;
float: none;
margin-top:0px;
}



		
#topsection {display:none;}



#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;
}


#source {display:none;}
}



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

#topsection {display:none;}


}


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

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

}