/*
 * Globals
 */
*{
 margin:0;
 padding: 0;
 box-sizing:border-box;
}
body {
  font-family:"Lato", sans-serif, Helvetica, Arial;
  color: #555;
  
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: "Roboto", sans-serif , Helvetica, Arial;
  font-weight: normal;
  color: #333;
}

nav{
  	padding:10px;
    min-height: 70px;
}

nav ul{
      display: inline-block;
      margin-left: 10px;
}

nav ul li{
        margin-top: 18px;

}

nav li{
  margin-left: 20px;
}
nav ul li a{
  text-decoration: none;
  color:#296486;
  font-weight: bolder;
   font-family: sans-serif;
}

nav img {
    float: left;
    margin-bottom: 10px;
    margin-left: 20px;
}

@media (max-width: 500px){
nav img{
display:inline-block;
margin: 0 auto;
}
	
	
}


.blog-footer p:last-child {
  margin-bottom: 0;
}



.video-wrap.swipe-in-block-left {
    overflow: hidden;
     width: 100%;
    padding-bottom: 40%;
    position: relative;

}

.video-wrap.swipe-in-block-left.difvidvblock {
    padding-bottom: 20%;
}

.video-wrap .inner video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(-50%);
}
   

   .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
    padding:0!important;
   }





.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{
  overflow: hidden;
}

  
.transition-padd{
  cursor:pointer;
  transition:1s;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;

}


.transition-padd:hover{
  padding-right: 40px;
transition:1s;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
}

.plat-placeholder-1 {
    background: url("https://codingweek.org/img/national-coding-week-sponsor-jtglobal.jpg");
    height: 400px;
    width: auto;
    background-size: contain;
    background-repeat: no-repeat;

}



footer{
 color:#6EC1E4;
  width:100%;
  font-family: "lato", sans-serif;
}

.footer-sec{
    width: 100%;
  padding: 40px 20px;
      padding-bottom: 80px;
    background: #6EC1E4;
 text-align: center;

}
.footer-sec ul{
  margin: 20px 0;
}
.footer-sec li{
  display: inline-block;
  margin: 0 10px;
      color: #ffffff;
}

.footer-sec li a{
  text-decoration:none;
  color: #ffffff;
	   transition:1s;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
}
.footer-sec li a:hover{
  
  color: #ffffff;	
	   transition:1s;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
}



.copyright{
  display: block;
  font-size: 18px;
  margin-top: 40px;
}


.footer-bottom{
  text-align: center;
  padding: 10px 0;
  background: #ffffff;

}
.footer-bottom a{
 color:#ffffff;
 text-decoration: none;
}
a.elementor-icon.elementor-social-icon{
    border-radius: 50px;
    border: 3px solid #ffffff;
    background: #6EC1E4;
        margin: 10px;
        transition:1s;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
}

a.elementor-icon.elementor-social-icon:hover{
   background: #6EC1E4;
   transition:1s;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
}

.elementor-social-icons-wrapper{
  padding:10px 0;
}
.elementor-social-icon i {
    color: #ffffff!important;
}

.elementor-element.stay-side.elementor-column.elementor-col-50.elementor-top-column {
    position: absolute;
    padding-left: 30px;
    right:0;
}




.blog-post {
    text-align: center;
    padding: 300px 0;
    padding-bottom: 0;
    background: #e6e6e6;
    padding-top: 50px;
    background-image: url("https://codingweek.org/wp-content/uploads/2018/09/banner-01-1.png");
    background-size: cover;
    background-position: bottom;
}

h2.blog-post-title{
  font-size: 42px;
  font-weight: bold;
      color: #6ec1e4;
 padding-bottom: 50px;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 50%;
	width:450px;
    height: auto!important;
        margin-bottom: -3px;
}

.blog-container a{
    color: #6dc2e4!important;
}
.blog-container{
  width:70%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 100px;
}

.blog-container h1{
   font-size: 42px;
  font-weight: bold;
      color: #6ec1e4;
      font-family: "Roboto", sans-serif;

}


.blog-container h2{
   font-size: 38px;
  font-weight: bold;
          color: #296486;
          font-family: "Roboto", sans-serif;

}

.blog-container h3{
   font-size: 32px;
  font-weight: bold;
      color: #6ec1e4;
      font-family: "Roboto", sans-serif;
}

.blog-container p{
  color: #7a7a7a;
  font-family: "Lato", sans-serif;
  font-size: 18px;
    font-weight: normal;
        -webkit-font-smoothing: antialiased;
            line-height: 1.8;

                letter-spacing: 0.2px;
}

blockquote p {
    background: #f7f7f7;
    color: #296486!important;
    padding: 40px 20px;
    border-left: 8px solid;
    font-size: 24px!important;
    font-weight: bolder!important;
}

@media (max-width: 800px){
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
}
.elementor-element.stay-side.elementor-column.elementor-col-50.elementor-top-column{
  position:inherit;
  padding-left: 0;

}


}

.elementor-element.tag.elementor-widget.elementor-widget-heading{
  width:200px;
  text-align: center;
  margin-left: 15px;
}



@media (max-width: 800px){

.video-wrap.swipe-in-block-left.difvidvblock {
    padding-bottom: 30%;
}



  }

  .filter-fade{
     filter:grayscale(100%) brightness(50%) contrast(90%);
     -webkit-filter: grayscale(100%) brightness(50%) contrast(90%);
  }

  span.elementor-toggle-icon.elementor-toggle-icon-left{
        margin-right: 10px;
  }

  .elementor-element.elementor-element-3e9c854.medal-sponsor.elementor-widget.elementor-widget-toggle{
        width: 200px;
  }

  .medal-sponsor div#elementor-tab-title-1741 {
    width: 285px;
    background: #c7c8ca;
    font-size: 28px;
    color: white;
}

.medal-sponsor div#elementor-tab-title-1742 {
    width: 285px;
    background: #d8c07c;
    color: white;
     font-size: 28px;

}

.medal-sponsor div#elementor-tab-title-1743 {
    width: 285px;
    background: #b9babc;
    font-size: 28px;
    color: white;
}


.medal-sponsor div#elementor-tab-title-1744 {
    width: 285px;
    background: #ce8645;
    font-size: 28px;
    color: white;
}

.elementor-tabs-wrapper{

      text-align: center;
}

.elementor-576 .elementor-element.elementor-element-a645113 .elementor-tab-title {
    text-align: center;
    background: #c7c8ca;
    width: 90%;
    color: white!important;
    font-size: 24px;
    margin: 0 auto;
}

.elementor-posts .elementor-post__badge{
      border-radius: 5px 5px 5px 5px!important;
}
article.elementor-post.elementor-grid-item.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-library-stories .elementor-post__badge {
    background: #f29637;
}

article.elementor-post.elementor-grid-item.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-school-stories .elementor-post__badge {

  background: #7fc8c0;
}

article.elementor-post.elementor-grid-item.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-business-stories .elementor-post__badge{
background: #bb3a78;
}


article.elementor-post.elementor-grid-item.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-ngo-stories .elementor-post__badge{
background: #b2e471;
}

article.elementor-post.elementor-grid-item.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-meetup-stories .elementor-post__badge{
	
	 background:#ac81e4;
}

article.elementor-post.elementor-grid-item.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-individual-stories .elementor-post__badge{
background: #e45b64;
}

.DateTag h2 {
    font-size: 20px;
    font-weight: 400;
    border-top: 2px solid;
    width:50%;
    line-height: 2.2;
    margin-right: 100px;
    margin: 20px 0 40px 0;
}


.tagpost a {
    font-size: 29px;
    background: #2a6286;
    text-decoration: none;
    font-weight: bolder;
    color: white!important;
    font-family: "Roboto", sans-serif;
    padding: 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.elementor-1730 .elementor-element.elementor-element-1d2fbd7 .elementor-pagination {
    font-family: "Roboto", sans-serif;
    color: #6ec1e4;
}

a.page-numbers {
    color: #6ec1e4;

}
span.page-numbers.current {
    color: #2a6286;
	border-radius: 150px;
    padding: 5px 10px;
    border: 2px solid #296486;
}
.tagpost{
  margin-top: 50px;
}
.tagpost a{
    font-size: 16px;
    background: #ffffff;
    text-decoration: none;
    border: 1px solid #a6a6b5;
    font-weight: bolder;
    color: #2a6286!important;
    font-family: "Roboto", sans-serif;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 30px;

  }


.elementor-widget-posts .elementor-post__read-more{
	
	    color: #296486!important;

	
}
.elementor-image img.attachment-medium.size-medium {
    transition: 1s;
}


.elementor-column-wrap.elementor-element-populated:hover .elementor-image img.attachment-medium.size-medium {
        width: 200px;
    transition: 1s;
}

.newshub.video-wrap .inner video{
	top:30%;
}


.newshub.video-wrap .inner video {
    top: 38%;
}


.newshub.video-wrap.swipe-in-block-left {
    padding-bottom: 45%;
}

@media (max-width: 700px){
	article.elementor-post.elementor-grid-item.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry {
    width: 80%;
    margin: 0 auto;
}
	
}


.clear{
	clear:both;
}

.right-404{
	float:right;
		width:40%;
}

.left-404{
	float:left;
	width:45%;
	margin-top: 10%;
    padding: 0;
	
}

.left-404 h1{
    font-size: 4rem;
    color: #6ec1e4;
    width: 90%;
    margin: 0 auto;

}

.right-404 img{
	width:80%;
}
.left-404 p{
	    font-size: 2rem;
    color: rgba(127,126,127,0.76);
	    margin-bottom: 80px;
	    width: 90%;
	margin: 0 auto;
}

.left-404 a{
	    background: #296486;
    color: white;
    padding: 20px 40px;
    text-decoration: none;
    font-size: 20px;
	
}

.btn-error{
	    margin-top: 40px;
    margin-left: 30px;
}

@media (max-width: 800px){
	.left-404{
	width:100%;
	}
	
	.right-404{
	margin-top:40px;
		width:100%;
		
}

.right-404 img{
	width:80%;
	margin-left:20px;
}
	
	.left-404 h1{
		
		font-size:3.4rem;
	}
}

table {
    background-color: transparent;
    padding: 0px 0 20px 0;

}

tr {
       background: #e6e6e6;
  
}

td, th {
    padding: 15px;
}

.date-banner{
	background:#296486;
	    padding: 16px!important;
}

.date-banner h1{
	font-family: "Roboto", Sans-serif;
    font-size: 28px;
    font-weight: 400;
    font-style: oblique;
	color:white;
	text-align:center;
}

@media (max-width: 500px){
	
	.date-banner h1{
    font-size: 36px;
    
}
	
}

span#cn-notice-text {
    font-size: 14px;
    font-weight: bolder;
    color: #296486;
}

a#cn-more-info {
  color: #6ec1e4!important;
}
a#cn-accept-cookie{
	color: #6ec1e4;
}

@media (max-width: 911px){
	
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
		font-size:12px;
	}
	
	
}


	

nav.elementor-pagination {
    margin-top: 80px;
}

.elementor-social-icon {
    font-size: 25px;
    text-align: center;
    padding: .5em;
    margin-right: 5px;
    cursor: pointer;
}

.elementor-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #818a91;
    font-size: 50px;
    text-align: center;
}

.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.elementor-icon i {
    width: 1em;
    height: 1em;
    position: relative;
}



.elementor-social-icon {
    font-size: 25px;
    text-align: center;
    padding: .5em;
    margin-right: 5px;
    cursor: pointer;
}

.fa-facebook-f:before, .fa-facebook:before{
	    content: "\f39e"!important;
}

.elementor-tab-title {
    border: 2px solid #296486!important;
    background: transparent;
    color: #296486!important;
	margin:10px 0!important;
  transition:1s;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
}

.elementor-tab-title:hover {
    background: #296486;
    color: #6ec1e4!important;
	  transition:1s;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
}

ul{
		color: #7a7a7a;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    line-height: 1.8;
    letter-spacing: 0.2px;
}

ul li{
	margin-bottom:20px;
}

@media (max-width: 767px){
.intro-content table td::before {
    width: 45%;
    padding-right: 15px;
    text-align: left;
    content: attr(data-content);
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
}

}

.elementor-40 .elementor-element.elementor-element-5bf5454:not(.elementor-motion-effects-element-type-background) > .elementor-element-populatedP{
	padding:100px!important;
}