/* LARGE IFRAME */

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
  z-index: 10;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}


  /* SMALLER IFRAME */

  .intrinsic-container_b {
    position: relative;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
  }
   
  /* 16x9 Aspect Ratio */
  .intrinsic-container_b-16x9 {
    padding-bottom: 56.25%;
    margin: 0 auto;
  }
   
  /* 4x3 Aspect Ratio */
  .intrinsic-container_b-4x3 {
    padding-bottom: 75%;
  }
   
  .intrinsic-container_b iframe {
    position: absolute;
    top: 0;
    margin: 0 auto;
    width: 80%;
    height: 80%;
  }


  .promovid{
      max-width: 1100px;
      margin: 60px auto 0 auto;
      text-align: center;
  }

  .promovid_b{
    max-width: 1090px;
    margin: 0 auto 0 auto;
    text-align: center;
}





/* YT PLAYLIST */


,blocker{display:block !important;}
  		.titlez {
  			width: 100%;
  			max-width: 854px;
  			margin: 0 auto;
  		}

  		.caption {
  			width: 100%;
  			max-width: 854px;
  			margin: 0 auto;
  			padding: 20px 0;
  		}

  		.vid-main-wrapper {
  			width: 100%;
  			max-width: 1100px;
  			background: #fff;
            margin: 0 auto;

  		}


  		/*  VIDEO PLAYER CONTAINER
 		############################### */
  		.vid-container {
		    position: relative;
		    padding-bottom: 52%;
		    padding-top: 30px; 
		    height: 0; 
            width:75%;
            float:right;
		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    min-height: 440px;
		}


		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container {
			width: 25%;
            height:440px;
			overflow: hidden;
            float:left;
            background: #222;
		}

    .vid-list-container:hover, .vid-list-container:focus {
       overflow-y: auto;
     }

		ol#vid-list {
      margin:0;
      padding:0;
      background: #222;
		}

    ol#vid-list li {
		  list-style: none;
    }

    ol#vid-list li a {
      text-decoration: none;
      background-color: #222;
      height:55px;
      display:block;
      padding:10px;
      border-bottom: 1px solid #333;
    }

    ol#vid-list li a:hover {
      background-color:#333;
    }

		.vid-thumb {
            float:left;
			margin-right: 8px;
		}

    .active-vid { 
      background:#3A3A3A;
    }

		#vid-list .desc {
			color: #CACACA;
			font-size: 14px;
			margin-top:5px;
		}


		@media screen and (max-width: 769px) {
		
			
			.vid-list-container {
				padding-bottom: 20px; float: none !important; display: block !important; position: relative !important; width: 100% !important; height: auto !important;
            }
            .vid-container{
				float: none !important; width: 100% !important; height: 350px !important;
			}
               .vid-list-container ol li{ display: inline-block !important;}
               .vid_frame{}
               .vid-main-wrapper{ height: 400px !important; }
            
               ol#vid-list li a{ border-bottom: none !important; height:75px !important; }
			   ol#vid-list li{margin-bottom:-40px !important;}
         #spfix{ margin-top:200px !important; }
  
         #vid_frame{position:absolute; display: block; margin:-500px auto 500px auto;}
         
         .ytbox{ display: block !important; width:100% !important; }
    }


    
    

.ytwrap { text-align: center; max-width:1090px; margin:0 auto; }


.ytbox { 
  width:32.96%;
  display: inline-block;
  margin:0 auto;
 }

/* ARTICLES PAGE STYLES */

.articles-cta {
  text-align: center;
  border-top: 1px solid #d0d0d0;
  padding-top: 40px;
  margin-top: 30px;
}

.article-item {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 30px;
}

.article-item:last-child {
  border-bottom: none;
}

.article-thumbnail {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.article-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.article-thumbnail:hover img {
  transform: scale(1.05);
}

.article-content h3 {
  font-size: 1.5rem;
  line-height: 1.4;
}

.article-content h3 a {
  text-decoration: none;
  transition: color 0.3s ease;
}

.article-content h3 a:hover {
  color: #0066cc;
}

/* Responsive: Stack columns on mobile */
@media screen and (max-width: 767px) {
  .article-item {
    margin-bottom: 40px;
  }
  
  .article-content h3 {
    font-size: 1.25rem;
  }
}

/* Ensure two columns on tablet and larger */
@media screen and (min-width: 768px) {
  .articles-section .column.width-6 {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .articles-section .column.width-6:first-child {
    padding-left: 0;
    padding-right: 40px;
  }
  
  .articles-section .column.width-6:last-child {
    padding-left: 40px;
    padding-right: 0;
  }
}