  @charset "utf-8";

.syriaCTA {
	background-color: #054e81;
	color: white;
	padding: 25px; 
	overflow: hidden;
}
.syriaCTA h3 { 
	font-style: normal;
	font-variant: small-caps; 
	font-weight: bold;
	letter-spacing: .2em; 
	color: white;
	text-align: center;
}
.syriaCTA p {
    text-align: center;
	letter-spacing: .075em;
	font-size: 1.55em;
	font-style: italic;
}
.syriaCTA a.button { 
	background-color: #009966;
	color: white;
	display: block;
	padding: 10px;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: .125em;
	text-decoration: none;
	font-size: 1.65em;
	width: 75%;
	margin: 0 auto;
	text-align: center;
    position: relative;
    overflow: hidden;
}
.syriaCTA a.button::before {
    content: "Subscribe Now";
	color: #009966;
	background: white;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
    -webkit-transition: transform .25s ease;
    -moz-transition: transform .25s ease;
    -o-transition: transform .25s ease;
    -ms-transition: transform .25s ease;
	transition: transform .25s ease;
	padding: 10px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.syriaCTA a.button:hover::before {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -o-transform: translate(0%);
    -ms-transform: translate(0%);
	transform: translate(0%);
}

div.srItems{display:none;}
/*div.srYear {cursor:pointer;}*/
div.srYear:first-of-type div.srItems {display:block;}
div.srYear h2 {background: #054e81;color: white;text-align: center;}
div.srYear h2:hover {cursor:pointer;}
span.date {font-family:'pt sans narrow', sans-serif;font-weight:bold;}
/*span.label {font-weight:normal;background-color:#054e81;color:white;font-size:.65em;padding: 3px 5px;border-radius:5px;margin-left:7px;}*/

