/* Magazine Contents */

.main-col {margin-top: -15px; padding-top: 15px; }

.nav-tabs.kopa-tabs-3 > li a {padding: 8px 10px 10px;}

.kopa-tab-content-3 ul li {list-style-type: none;}
.kopa-home-slider {max-height: 490px; overflow: hidden; }
.toggle-view ol li {list-style-type: decimal; margin-left: 25px; padding-left: 15px;}
.kopa-panel ul li {list-style-type: disc;}
.kp-dropcap-line.red {background-color: #efefef; border-top: none;}
h1.widget-title, h1.entry-title {font-size: 24px;}
h1.page-title {border-left: 3px solid #19bdf0;
    margin-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase; font-size: 30px; margin-top: 0;}
h6.view-all {margin: 20px 0 0; border-top: solid 1px #f1f2f2; padding-top: 10px;}
.video-entry-title {background-color: #eee;
    color: #8f8f8f;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-bottom: 10px;}
h6.video-title {display: inline; padding: 0 0 0 0px; margin: 0; }

 ul.social-media-links { width:286px; background-color: #fff; height:50px; list-style-type: none; float: right; padding-right: 5px; }
        .social-media-links li {
          line-height: 40px; display: inline; margin-left: 3px; }
    .top-social-links .triangle-2nd {
      position: absolute;
      top: 0px;
      left: -20px;
      border-top: 40px solid #fff;
      border-bottom: 0px solid transparent;
      border-right: 0px solid transparent;
      border-left: 40px solid transparent;
      display: block;
      height: 0;
      width: 0;
      transition: border 0.3s ease-in-out 0s;
      -moz-transition: border 0.3s ease-in-out 0s;
      -webkit-transition: border 0.3s ease-in-out 0s; }
    .top-social-links .triangle-1st {
      position: absolute;
      top: 0px;
      left: -46px;
      border-top: 46px solid #19BDF0;
      border-bottom: 0px solid transparent;
      border-right: 0px solid transparent;
      border-left: 46px solid transparent;
      display: block;
      height: 0;
      width: 0;
      transition: border 0.3s ease-in-out 0s;
      -moz-transition: border 0.3s ease-in-out 0s;
      -webkit-transition: border 0.3s ease-in-out 0s; }
.join {padding:10px 0px; top: 10px; right: 10px; text-align: center; z-index: 999999; width:125%;}


ul.sub-nav li {background-color: #f5f5f5; padding: 10px; border-bottom: solid 1px #ededed; margin: 0;}

li.search-bar input#search-keyword {padding: 5px; width: 190px;}
li.gallery-item {clear: both; border-bottom:solid 1px #efefef; padding-bottom: 5px; }
.kopa-gallery-masonry-widget .option-set.filters {margin-bottom: 20px;}
.kopa-twitter-widget .owl-item {height: 250px; overflow: hidden;}

.gallery-item {
  width: 100% !important;}


article.sub-section {border-bottom: solid 1px #efefef; padding-bottom: 25px; margin-bottom: 25px;}

.advert {margin: 15px 0;}
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
.separator {border-bottom: solid 1px #d8d8d8; margin: 20px -20px;}
span.discipline {color: #ccc; text-transform: uppercase; font-size: 80%;}
.disciplines { margin-top:35px;}
.main-col ul li ul, .widget ul li ul {margin-left: 40px; margin-top:15px;}

.content-banner {margin: 25px 0;}

.ssaa-tv h5.entry-title {min-height: 35px;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 100%;}


.page-thumbnail {float:left;   margin: 0 15px 15px 0;}
/* local.css:60 */
li.search-bar input#search-keyword {
 padding: 5px;
 min-height: 36px;
}
h3.feature-title {font-size: 14px; font-weight: 600; margin: 0; padding: 3px 0; line-height: 18px;}
h4.home-widget-title {    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    padding: 10px 0;
    text-transform: uppercase;}
h5.category {text-transform: uppercase; margin: 0; padding: 3px 0;}


.kopa-home-slider.owl-theme .owl-controls .owl-buttons div {width:29px; height: 54px; position: absolute; top:50%; background-color: transparent; margin-top: -25px;}
.kopa-home-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {background-image: url(/common/img/arrow-left.png);  left: 0; }
.kopa-home-slider.owl-theme .owl-controls .owl-buttons div.owl-next {background-image: url(/common/img/arrow-right.png); right: 0; }

/* Video Carousel */

.video-carousel .owl-controls {
      position: absolute;
	  width:100%;
      top: 10%;
      margin: 10px 0;}



.video-carousel .owl-controls .owl-buttons div {
        width: 30px;
        height: 30px;
        background-color: #333;
        color: #fff;
        padding: 0;
        margin: 0 px;
        font-size: 14px;
        opacity: 1;
        position: absolute;
        filter: Anpha(Opacity=100);
        background-size: 25%;
        background-repeat: no-repeat;
        background-position: center center; }

.video-carousel .owl-controls .owl-buttons div.owl-prev {left: 10px; background-image: url(/common/img/arrow-left.png);}
.video-carousel .owl-controls .owl-buttons div.owl-next {right: 10px; background-image: url(/common/img/arrow-right.png);}


.membership-cta h2 {color: #FFF800; margin: 0; padding: 0; text-transform: uppercase; font-size: 20px; text-align: right; font-weight: 400;}
.membership-cta li {color: #fff; margin: 0; padding: 0; text-align: right; list-style-type: none; padding-left: 30px;}

.membership-cta h2 a {color: #fff800;}
.membership-cta h2 a:hover {color: #fff;}
.membership-cta li a {color: #fff; font-weight: 400;}
.membership-cta li a:hover {color: #FFF800;}

@media (max-width: 979px){
    li.search-bar input#search-keyword {
      padding: 4px;
      min-height: 27px;
      font-size: 11px;
    }
     .ssaa .header-top-2 #logo-container img {width: 90%;}
}

@media screen and (max-width: 768px) and (min-width: 640px){
 .ssaa-member-widget-wrapper {
   /* Fill white gap at this window size with light blue */
   background: #19BDF0 ;
 }

}





/* Nav WCAG for low height screen - 2016-01-04 and 2016-05-20 */
@media screen and (max-device-height: 1800px) and (min-width: 768px) {
	.main-menu>li {
		position: static;
	}
	.main-menu>li>a {
		position: relative;
	}
	.main-menu > li ul {
		position:absolute;
		left: 0;
		width: 100%;
		border-top: 1px dotted #ccc;
		background-color: #19BDF0;
		margin-top: -1px;
	}
	.main-menu > li ul li {
		float: left;
		width: 33.3333%;
		/* width: 25%; - 4col */
		background-color: #19BDF0;
	}
	.main-menu > li ul li a {
		border-right: 1px solid #ccc;
		font-size: 13px;
		background-color: #19BDF0;
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.main-menu > li ul li:nth-child(3),
	.main-menu > li ul li:nth-child(2){
		border-top: none !important;
	}
	.main-menu > li ul li {
		border-top: none;
		border-bottom: 1px dotted #ccc
	}
}