/*///////////////////////////////////////
IMPORT CUSTOM FONTS
///////////////////////////////////////*/
@import url('https://fonts.googleapis.com/css?family=Raleway|Crimson+Text|Cinzel');


/* Scoped to Single eNews Content */
.single-enews-content {

	
			/*///////////////////////////////////////			DESKTOP DEFAULT STYLES			///////////////////////////////////////*/

			/*   GLOBAL STYLES   */

			h1, h2, h3, h4, h5 { font-family: Raleway !important; }
			h1 { text-transform:uppercase; margin:0 0 12px 0; }
			h4 { font-family: "Crimson Text", serif; font-style:italic; margin:8px 0 8px 0; }
			img { border: 0; line-height: 100%; vertical-align: middle; }
			
			ul li {
				padding-bottom:14px;
			}

			/**
			*@tab Colors
			*@section Normal Link Color
			*/
			a { /*@editable*/color:#4167ab; }
			/**
			*@tab Colors
			*@section Link Hover Color
			*/
			a:hover { /*@editable*/color:#fdc30f; }
			/**
			*@tab Colors
			*@section Highlight Color
			*/
			#phoneHighlight { /*@editable*/font-weight:bold; }
			


			/* .  content section .  */
			.colHero {
				display:block;
				text-align:center;
			}
			.colHero img {
				width:96%;
				outline: 1px solid rgba(255, 255, 255, 0.3);
				outline-offset:-8px;
			}



			@media screen {
				.col, td, th, div, p {
					font-family:Raleway, san-serif;
					/*font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;*/
				}
				.sans-serif { font-family: 'Raleway', Arial, sans-serif; }
				.serif { font-family: 'Merriweather', Georgia, serif; }
				img { max-width: 100%; }
			}


            /*   DESKTOP-ONLY STYLES   */

			/* .  header section .  */

			#viewBrowser {
				text-align:center;
				font-size:0.88em;
				padding-top:20px;
				background-color:#f1f1f1;
			}
			#topTable {
				padding-top:24px;
			}
			.mobileOnly { display:none; }
			.desktopOnly { padding-right:18px; font-size:0.94em; }
			.alignRight { text-align:right; }
			.volume { line-height:18px !important; font-size:0.9em !important; }
			.col { font-size: 16px; line-height: 25px; vertical-align: middle; padding: 18px 18px; }
			.logoHero img {
				/*width:220px;*/
				height:58px;
			}


			/* .  content section .  */

			#tagline {
				width: 520px;
				padding:24px 0;
				margin:0 auto;
				display:block;
			}
			/**
			*@tab Colors
			*@section Tags Color
			*/			
			div#tags {
				padding-top:16px;
				font-size:0.8em;
				/*font-family: Cinzel, sans-serif;*/
				/*@editable*/color:#c71f3c;
				white-space:nowrap;
				font-weight:bold;
			}
			div#tags ul {
				margin:0;
				padding:0;
			}
			div#tags li {
				display:inline-block;
			}
			div#tags li:not(:first-child) {
				margin-left:20px;
			}
			.divider .line {
				background: #eeeeee;
				height: 1px;
				line-height: 1px;
			}
			#title {
				text-align:center;
				width:80%;
				display:block;
				margin:0 auto;
			}
			.authorImage {
				border:6px solid #eee !important;
				width:126px;
				border-radius:10%;
				moz-border-radius:10%;
				khtml-border-radius:10%;
				o-border-radius:10%;
				webkit-border-radius:10%;
				ms-border-radius:10%;
				margin:4px 0 12px 0;
			}
			.forwardLink {
				font-size: 13px;
				margin: 20px 0 24px 0;
			}
			.forwardLink a {
				padding: 5px 0 10px 32px;
			}
			.forwardLink a {
				background-image: url("https://go.coloradoroyals.org/wp-content/uploads/2023/11/share.png");
				background-repeat: no-repeat;
				background-size: 20px 20px;
				background-position: left center;
			}

			/**
			*@tab Images
			*@section Watermark
			*/
			td#content {
				/*@editable*/background-image: url("https://go.coloradoroyals.org/wp-content/uploads/2023/11/watermark_usssa.png");
				background-repeat: no-repeat;
				background-size: 330px 396px;
				background-position: bottom right;
			}
			#content, #aboutus {
				text-align:justify;
				line-height:1.3em;
			}
			p.left {
				text-align:left;
			}
			#signatureImage {
				margin:0 0 0 -14px !important;
				display:block;
				height:34px !important;
			}
			#content, #listDescription, #aboutus {
				width:80%;
				margin:24px auto;
				display:block;
			}
			#listDescription {
				text-align:center;
				font-size:0.9em;
			}
			.shareButton {
				background-image: url("https://go.coloradoroyals.org/wp-content/uploads/2023/11/share.png");
				background-size: 195px 80px;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				display: block;
				margin:0 auto;
				width: 195px; 
				height: 40px;
				content:"";
			}
			.shareButton:hover {
				background-position: 0px -40px;
				cursor:pointer;
			}
			.shareButton a {
				width:100%;
				height:100%;
				display:block;
			}


			/* .  social media icons section .  */

			.socialFacebook {
				background-image: url("https://media.twistedbulbs.com/assets/sites/27/2024/11/socialmedia-1.png");
				background-size: 120px 60px;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				display: block;
				width: 30px; 
				height: 30px;
				content:"";
			}
			.socialFacebook:hover {
				background-position: 0px -30px;
				cursor:pointer;
			}
			.socialTwitter {
				background-image: url("https://media.twistedbulbs.com/assets/sites/27/2024/11/socialmedia-1.png");
				background-size: 120px 60px;
				background-repeat: no-repeat;
				background-position: -60px 0px;
				display: block;
				width: 30px; 
				height: 30px;
				content:"";
			}
			.socialTwitter:hover {
				background-position: -60px -30px;
				cursor:pointer;
			}
			.socialInstagram {
				background-image: url("https://media.twistedbulbs.com/assets/sites/27/2024/11/socialmedia-1.png");
				background-size: 120px 60px;
				background-repeat: no-repeat;
				background-position: -30px 0px;
				display: block;
				width: 30px; 
				height: 30px;
				content:"";
			}
			.socialInstagram:hover {
				background-position: -30px -30px;
				cursor:pointer;
			}
			.webUSSSAPlay {
				background-image: url("https://media.twistedbulbs.com/assets/sites/27/2024/11/socialmedia-1.png");
				background-size: 120px 60px;
				background-repeat: no-repeat;
				background-position: -90px 0px;
				display: block;
				width: 30px; 
				height: 30px;
				content:"";
			}
			.webUSSSAPlay:hover {
				background-position: -90px -30px;
				cursor:pointer;
			}
			
			

			/* .  footer section .  */

			.footerCol1 {
				width:40%;
				padding:0 30px 0 34px;
				vertical-align:top;
			}
			.footerCol2 {
				width:35%;
				padding:0 30px 0 0px;
				vertical-align:top;
			}
			.footerCol3 {
				width:25%;
				padding:0 30px 0 0px;
				vertical-align:top;
			}
			.moreLinks {
				margin:0 0 5px 0;
			}
			
			.footerCol1 a, .footerCol2 a, .footerCol3 a {
				color:#ffffff;
			}
			
			
			/**
			*@tab Colors
			*@section Footer More Links Color
			*/
			.moreLinks a {
				text-decoration:none;
				/*@editable*/color:#ffffff;
			}
			/**
			*@tab Colors
			*@section Footer More Links Hover Color
			*/
			.moreLinks a:hover {
				text-decoration:underline;
				color:#ffffff;
			}
			.footerLogo {
				margin-left:-12px !important;
				width:180px;
			}
			.dividerFooter {
				width:96%;
				margin:0 auto;
				display:block;
			}
			.dividerFooter .lineFooter {
				background: #555555;
				height: 1px;
				line-height: 1px;
			}
			.footerColA {
				width:100%;
				font-size:0.8em;
				text-align:center;
				padding:10px 0;
			}
			.footerColB {
				font-size:0.8em;
				text-align:right;
			}
			#notice {
				color:#4167ab;
				font-size:0.82em;
				text-align:center;
				padding:8px 0;
				font-weight:bold;
			}
			/*   END DESKTOP-ONLY STYLES   */


			/*   MOBILE-ONLY STYLES   */

			@media (max-width: 632px) {
				.container { width: 100% !important; }
			}

			@media (max-width: 480px) {

				/* .  header section .  */

				#viewBrowser {
					padding:20px 0 !important;
					background-color:#ffffff !important;
				}
				#topTable {
					padding-top:0 !important;
					margin:0 10px !important;
				}
				.col {
					display: inline-block;
					line-height: 23px;
					width: 100% !important;
					text-align: center !important;
					padding:18px 0;
				}
				.col img { text-align:center; margin:0 auto; display:block; }
				.colHero img {
					width:90%;
				}
				
				.col.logoHero { padding:0 0 0 0 !important; }
				.logoHero.desktopOnly img {
					/*width:240px;*/
					height:52px;
					padding:4px 0 0 0;
					display:block;
					margin:0 auto !important;
				}
				.logoHero.mobileOnly img {
					/*width:240px;*/
					height:84px;
					padding:0 0 0 0;
					display:block;
					/*margin:0 auto !important;*/
					margin:0 auto !important;
				}
				.col.mobileOnly { padding:6px 0 !important; font-size:0.9em; }
				.mobileOnly { display:block !important; text-align:center; }
				.desktopOnly { display:none !important; }

				#tagline2 {
					padding:24px 0;
					display:block;
					text-align:center;
					margin:0 auto;
				}
				img#tagline2 {
					width:90%;
				}
				
				

			/* .  content section .  */

				img#tagline {
					width:276px !important;
				}
				div#tags li:not(:first-child) {
					margin-left:10px;
				}
				div#tags {
					white-space:normal !important;
				}
				#title h1 {
					font-size:1.2em;
				}
				td#content {
					background-size:256px 308px !important;
				}
				#content, #aboutus {
					text-align:left !important;
				}



			/* .  social media icons section .  */



			/* .  footer section .  */

				.footerCol1, .footerCol2, .footerCol3 {
					width:90% !important;
					margin:0 auto;
					padding:2px 20px !important;
					display:block;
					text-align:center;
				}
				img.footerLogo  {
					margin-left:0 !important;
					width:260px !important;
					max-width:260px !important;
				}
				.footerColA {
					width:90% !important;
					text-align:center;
					display:block;
					margin:8px auto;
				}
				.footerColB {
					width:90% !important;
					display:block;
					margin:18px auto 8px;
					text-align:center;
				}
				#notice {
					padding:8px 20px 0 20px;
				}

			}
			/*   END MOBILE-ONLY STYLES   */

			@media (max-width: 480px) {
				.col-sm-1 {
					max-width: 25%;
				}
				.col-sm-2 {
					max-width: 50%;
				}
				.col-sm-3 {
					max-width: 75%;
				}
				.col-sm-third {
					max-width: 33.33333%;
				}
				.col-sm-push-1 {
					margin-left: 25%;
				}
				.col-sm-push-2 {
					margin-left: 50%;
				}
				.col-sm-push-3 {
					margin-left: 75%;
				}
				.col-sm-push-third {
					margin-left: 33.33333%;
				}
				.full-width-sm {
					display: table !important;
					width: 100% !important;
				}
				.stack-sm-first {
					display: table-header-group !important;
				}
				.stack-sm-last {
					display: table-footer-group !important;
				}
				.stack-sm-top {
					display: table-caption !important;
					max-width: 100%;
					padding-left: 0 !important;
				}
				.toggle-content {
					max-height: 0;
					overflow: auto;
					transition: max-height .4s linear;
					-webkit-transition: max-height .4s linear;
				}
				.toggle-trigger:hover+.toggle-content,
				.toggle-content:hover {
					max-height: 999px !important;
				}
				.show-sm {
					display: inherit !important;
					font-size: inherit !important;
					line-height: inherit !important;
					max-height: none !important;
				}
				.hide-sm {
					display: none !important;
				}
				.align-sm-center {
					display: table !important;
					float: none;
					margin-left: auto !important;
					margin-right: auto !important;
				}
				.align-sm-left {
					float: left;
				}
				.align-sm-right {
					float: right;
				}
				.text-sm-center {
					text-align: center !important;
				}
				.text-sm-left {
					text-align: left !important;
				}
				.text-sm-right {
					text-align: right !important;
				}
				.borderless-sm {
					border: none !important;
				}
				.nav-sm-vertical .nav-item {
					display: block;
				}
				.nav-sm-vertical .nav-item a {
					display: inline-block;
					padding: 4px 0 !important;
				}
				.spacer {
					height: 0;
				}
				.p-sm-0 {
					padding: 0 !important;
				}
				.p-sm-8 {
					padding: 8px !important;
				}
				.p-sm-16 {
					padding: 16px !important;
				}
				.p-sm-24 {
					padding: 24px !important;
				}
				.pt-sm-0 {
					padding-top: 0 !important;
				}
				.pt-sm-8 {
					padding-top: 8px !important;
				}
				.pt-sm-16 {
					padding-top: 16px !important;
				}
				.pt-sm-24 {
					padding-top: 24px !important;
				}
				.pr-sm-0 {
					padding-right: 0 !important;
				}
				.pr-sm-8 {
					padding-right: 8px !important;
				}
				.pr-sm-16 {
					padding-right: 16px !important;
				}
				.pr-sm-24 {
					padding-right: 24px !important;
				}
				.pb-sm-0 {
					padding-bottom: 0 !important;
				}
				.pb-sm-8 {
					padding-bottom: 8px !important;
				}
				.pb-sm-16 {
					padding-bottom: 16px !important;
				}
				.pb-sm-24 {
					padding-bottom: 24px !important;
				}
				.pl-sm-0 {
					padding-left: 0 !important;
				}
				.pl-sm-8 {
					padding-left: 8px !important;
				}
				.pl-sm-16 {
					padding-left: 16px !important;
				}
				.pl-sm-24 {
					padding-left: 24px !important;
				}
				.px-sm-0 {
					padding-right: 0 !important;
					padding-left: 0 !important;
				}
				.px-sm-8 {
					padding-right: 8px !important;
					padding-left: 8px !important;
				}
				.px-sm-16 {
					padding-right: 16px !important;
					padding-left: 16px !important;
				}
				.px-sm-24 {
					padding-right: 24px !important;
					padding-left: 24px !important;
				}
				.py-sm-0 {
					padding-top: 0 !important;
					padding-bottom: 0 !important;
				}
				.py-sm-8 {
					padding-top: 8px !important;
					padding-bottom: 8px !important;
				}
				.py-sm-16 {
					padding-top: 16px !important;
					padding-bottom: 16px !important;
				}
				.py-sm-24 {
					padding-top: 24px !important;
					padding-bottom: 24px !important;
				}
			}
	
	
	
	
}