/* A WORK IN PROGRESS */

body {font-size: 15px;}

/*#hiddenmenu {background: linear-gradient(180deg,rgba(150,31,31, 1.0) 0%, rgba(150,31,31, 0.9) 100%);}
.hiddenmenuIcon {background: rgba(150,31,31, 0.9);}
#hiddenmenu .menu-icons {fill:  rgb(32, 41, 48);}*/

#headerimage {position: relative; background-image: -webkit-linear-gradient(top, rgb(233, 234, 236) 40%, rgb(179, 181, 185) 100%); /*CHROME 10+, SAFARI 5.1+*/ background-image: linear-gradient(to bottom, rgb(179, 181, 185) 0%, rgb(233, 234, 236) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9eaec', endColorstr='#b3b5b9', GradientType=0); /*IE6-9*/}
#headerbg {background: url();}
#headerone {background-image: url(../images/news/header1_26.png);}
#headertwo {background-image: url(../images/news/header2_26.png);}
#headerthree {background-image: url(../images/news/header3_26.png); opacity: 0; -webkit-transition: opacity 3.0s; transition: opacity 3.0s;}
#headerfour {background-image: url(../images/news/header4_26.png);}
#noise {width: 100%; height: 100%; background: url(../images/oli/noise2.png);}


#news {padding-top: 70px; overflow: auto;}

.grid {overflow: hidden;}
.grid-sizer, .news-item, .image-item {width: 33.33%; font-size: 15px; line-height: 1.7; color: rgba(232, 233, 234, 0.7); text-align:center; padding: 42px 40px 40px 40px; margin-bottom: 0px; background: linear-gradient(0deg,rgba(232, 233, 234, 0.00) 0%, rgba(232, 233, 234, 0.05) 100%);}
.news-wrapper {padding: 42px 40px 40px 40px;}
.grid-sizer {padding: 0px;}

.image-item {padding: 0;}

.double-item {width: 33.33%;}

.newstitleblock {display: inline-block; width: 50px; height: 5px; margin-top: 20px; background: #961f1f /*7a1718*/;}

.news-date {display: inline-block; font-size: 14px; font-weight: 900; color: #e8e9ea /*7a1718*/; margin-bottom: 20px; padding: 6px 10px; border-radius:4px; background-color:rgba(150, 31, 31, 1.0);}

.red {background-color: #961f1f; background: linear-gradient(0deg,rgba(145, 26, 26, 1) 0%, rgba(150, 31, 31, 1) 100%);}
.red .news-date {background-color:rgba(32, 41, 48, 1.0);}
.red p {color: rgba(232, 233, 234, 0.7) /*#181e26*/;}
.red .news-link {color: #e8e9ea; background-color: rgba(32, 41, 48, 1.0);}
.red .news-link:hover {color: #3f4251 /*7a1718*/; background-color: rgb(232, 233, 234);}
.red .newstitleblock {background: #202930 /*#181e26*/;}

.white {color: rgba(32, 41, 48, 0.6); background-color: rgb(234, 235, 236); background: linear-gradient(0deg,rgba(229, 230, 231, 1) 0%, rgba(234, 235, 236, 1) 100%);}
.white .news-date {color: rgb(234, 235, 236); background-color:rgba(32, 41, 48, 0.95);}
.white .news-title {color: rgba(32, 41, 48, 0.9) /*#333542*/;}
.white .news-link {color: rgb(232, 233, 234) /*#333542*/; background-color: rgba(32, 41, 48, 0.95);}
.white .news-link:hover {color: rgb(232, 233, 234); background-color: rgba(150, 31, 31, 1.0);}

.blue {background-color: #373a48 /*#333542*/;}
.blue .news-wrapper {padding: 42px 40px 40px 40px;}
.blue .news-date {color: rgb(234, 235, 236); background-color:rgba(32, 41, 48, 0.95);}
.blue p {font-style: italic;}
.blue .news-link {color: rgb(232, 233, 234) /*#333542*/; background-color: rgba(32, 41, 48, 0.95); -webkit-transition: color 0.5s, background-color 0.5s; transition: color 0.5s, background-color 0.5s;}
.blue .news-link:hover {color: #373a48 /*#333542*/; background-color: rgb(232, 233, 234);}
.blue .newstitleblock {background: rgba(128, 131, 135, 0.6);}

.golfMonthly {display: block; width: 106px; height: 30px; margin: 5px auto 15px auto;}
.news-title {display: block; font-family: "Roboto Condensed", sans-serif !important; font-size: 26px; font-weight: 900; line-height: 1.1; color: rgb(232, 233, 234);}
.news-item p, .image-item p {display: block; margin: 15px 0;}
.news-item .oliSig, .image-item .oliSig {display: block; width: 50px; fill: rgb(128, 131, 135); margin: 0px auto 10px auto;}

.news-link {display: inline-block; font-weight: 900; letter-spacing: 0.02em; color: #e8e9ea; font-size: 12px; line-height: 39px; margin: 10px 0 20px 0; padding: 0px 20px; background-color: rgba(150, 31, 31, 1.0); border-radius: 4px; -webkit-transition: color 0.5s, background-color 0.5s; transition: color 0.5s, background-color 0.5s;}
.news-link:hover {color: #202930 /*#333542*/; background-color: rgba(234, 235, 236, 1.0);}


.news-image-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */}
.news-image {position: absolute; bottom: 0; right: 0;display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}

#archive {padding: 88px 0px 100px 0px; color: #e8e9ea;}
#news iframe {width: 100%; margin: 0; padding: 0; overflow: hidden;}

.archivebutton {display: inline-block; font-size: 15px; font-weight: 900; letter-spacing: 0.01em; color: #e8e9eb; margin-top: 40px; padding: 17px 30px; background-color: #961f1f /*7a1718*/; border-radius: 4px; cursor: pointer; z-index: 101; -webkit-transition: background-color 0.5s; transition: background-color 0.5s;}
.archivebutton:hover {background-color: #373a48 /*#333542*/;}

.newstitle {display:block; position: relative; max-width: 456px; font-weight: 900; line-height: 1; color: #e8e9eb; margin: 0 auto; margin-top: 70px; margin-bottom: 70px;}
.newsyear {display:block; font-size: 100px;}

.previousyear, .nextyear {display: inline-block; position: absolute; top: 20px; width: 60px; height: 60px; background-image: url(../images/arrows.svg); opacity: 0.1; cursor: pointer; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.previousyear {left: 0; background-position: -123px -40px;}
.nextyear {right: 0; background-position: -184px -40px;}
.previousyear:hover, .nextyear:hover {opacity: 1;}



.article-body {background: #e8e9ea; padding-bottom: 84px;}
.article-close {position: fixed; bottom: 0; left: 0; right: 0; background: rgba(55, 58, 72, 0.95); z-index: 2000; overflow: auto; padding: 30px 0px; color: #e8e9ea; font-size: 24px; font-weight: 900; cursor: pointer;  -webkit-transition: color 0.5s, background-color 0.5s; transition: color 0.5s, background-color 0.5s;}
.article-close:hover {background: #831415 /*7a1718*/;}


.article-header-wrapper {width: 100%; background-image: -webkit-linear-gradient(top, rgb(231, 232, 234) 40%, rgb(173, 175, 179) 100%); /*CHROME 10+, SAFARI 5.1+*/ background-image: linear-gradient(to bottom, rgb(173, 175, 179) 0%, rgb(231, 232, 234) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e8ea', endColorstr='#adafb3', GradientType=0); /*IE6-9*/}
.article-image-wrapper {position: relative; padding-bottom: 53.9%; /* 552 / 1024 */}
.article-image {position: absolute; bottom: 0; right: 0;display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.article-header {max-width: 1024px; margin: 0 auto;}
.article-title {font-family: "Roboto Condensed", sans-serif; max-width: 1024px; font-size: 100px; font-weight: 900; color: #373a48 /*#333542*/; line-height: 1; padding: 11px 40px 0 40px; margin: 0 auto;}
.article-date {font-size: 24px; font-weight: 900; color: #808387; margin: 96px 0px 20px 0px;}
.article-date {display: inline-block; padding: 6px 10px; border-radius:4px; color: rgb(234, 235, 236); background-color:rgba(32, 41, 48, 0.95);}
.article {max-width: 960px; line-height: 2; margin: 0 auto; padding: 0px 80px 14px 80px; color: #373a48 /*#333542*/;}
.article-titleblock {display: inline-block; width: 100px; height: 10px; margin: 30px auto; background: rgba(128, 131, 135, 0.9);}
.article p {font-style: italic; padding: 22px 0px;}
.article .bold {color: #373a48 /*#333542*/;}
.article .oliSig {display: inline-block; width: 80px; height: 51px; fill: #373a48 /*#333542*/; margin-top: 30px;}

.back-icon {display: inline-block; width: 43px; height: 35px; margin: 0 auto; background-image: url('../images/close.svg'); background-position: center center; background-repeat: no-repeat; cursor: pointer; opacity: 1.0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; vertical-align: middle;} /* CLOSE BUTTON */
.back-icon:hover {opacity: 0.2;} /* CLOSE BUTTON HOVER */

.tntsportslogo {width: 100px; padding: 10px 0; margin-left:0; }

@media only screen and (max-width: 1024px){
#news {padding: 0px;}
#archive {padding: 70px 0px;}
.grid-sizer, .news-item, .image-item, .double-item { width: 33.33%;}
}


@media only screen and (max-width: 768px){
.grid-sizer, .news-item, .image-item, .double-item {width: 50%; padding: 42px 30px 30px 30px;}
.news-wrapper, .blue .news-wrapper {padding: 42px 30px 30px 30px;}
.grid-sizer, .image-item {padding: 0;}


}

@media only screen and (max-width: 740px){
#archive {padding: 60px 0px 60px 0px;}
.article {line-height: 1.7; padding: 0px 60px 14px 60px;}
.article-date {font-size: 20px; margin: 76px 0px 11px 0px;}
.article-title {font-size: 60px;}
.article-titleblock {margin: 23px auto;}

.article p {padding: 15px 0px;}
.article .oliSig {margin-top: 20px;}
}

@media only screen and (max-width: 600px){
.newsyear {font-size: 60px;}
.previousyear {width: 40px; height: 40px; top: 10px; left: 40px; background-position: -122px 0px;}
.nextyear {width: 41px; height: 40px; top: 10px; right: 40px; background-position: -163px 0px;}
.article {padding: 0px 40px 14px 40px;}
.article-date {font-size: 20px; margin-top: 50px;}
.article-title {font-size: 48px;}
.article-footer {padding: 10px 0 30px 0;}
.hsg {display: none;}
.article-body {padding-bottom: 74px;}
.article-close {padding: 27px 0px; font-size: 20px;}
.newstitle {margin-top: 46px; margin-bottom: 46px;}
}

@media only screen and (max-width: 500px){
.grid-sizer, .news-item, .image-item, .double-item {width: 100%; text-align: center;}
.article {padding: 0px 30px 14px 30px;}
.article p {padding: 14px 0px;}

#headerone {background-image: url(../images/news/header12_26.png);}
#headertwo {background-image: url(../images/news/header22_26.png);}
#headerthree {background-image: url(../images/news/header32_26.png);}
#headerfour {background-image: url(../images/news/header42_26.png);}
}

@media only screen and (max-width: 374px){
.newsyear {font-size: 48px;}
.previousyear {top: 4px;}
.nextyear {top: 4px;}
.article-title {font-size: 40px;}
.article-titleblock {margin-bottom: 16px;}
.article .oliSig {margin-top: 15px;}
}