/*
Theme Name: PSU
Author: Kalil Smith-Nuevelle
License: GNU General Public License
License URI: LICENSE
*/


/*
===================================
READ ME!!!
===================================
This is a required file for all WordPress themes, so you can't just delete it.

USE OLD FASIONED CSS:
If you don't want to use SASS (or don't know what SASS is) - then you can go ahead
and just work in good, old-fashioned CSS within this very file.

TO USE SASS/COMPASS:
The _compass folder is a pre-configured Zurb Foundation Compass project.

Keep in mind that if you DO want to use SASS/Compass, you will still need to install 
the gems for Compass *and* the Zurb Foundation framework (even if you want to use 
a compiler like CodeKit). More info here: http://foundation.zurb.com/docs/gem-install.php
*/


@-webkit-keyframes pulse {
    0% {
	    -webkit-transform: scale(1);
    }

    20% {
	    -webkit-transform: scale(1.2);
    }

    100% {
    	-webkit-transform: scale(1, 1);
    }
}


@keyframes pulse {
    0% {
    	transform: scale(1);
    }

    20% {
    	transform: scale(1.2);
    }

    100% {
    	transform: scale(1);
    }
}

.pulsing {
	-webkit-animation: pulse 1s infinite;
	animation: pulse 1s infinite;
}

@media only screen and (min-width: 40.063em) {

.row {
	max-width: 90%;
}

}



/* * * * *
 * Fonts *
 * * * * */

@font-face {
    font-family: 'megalopolis_extraregular';
    src: url('fonts/megalopolisextra-webfont.woff2') format('woff2'),
         url('fonts/megalopolisextra-webfont.woff') format('woff'),
         url('fonts/megalopolisextra-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'symbolaregular';
    src: url('fonts/symbola-webfont.woff2') format('woff2'),
         url('fonts/symbola-webfont.woff') format('woff'),
         url('fonts/symbola-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.symbola {
	font-family: 'symbolaregular', Helvetica, Arial, sans-serif;
}

.megalopolis {
	font-family: 'megalopolis_extraregular', Helvetica, Arial, sans-serif;
}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

html {
	font-family: Helvetica, Arial, sans-serif;
}

h1,h2,h3, h4 {
	font-family: 'megalopolis_extraregular', Helvetica, Arial, sans-serif;
}

/* * * * * *
 * HEADER  *
 * * * * * */

#logo {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}

header .row {
	position: relative;
}

#second-menu {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	
}

#second-menu .button {
	background-color: rgba(255, 204, 0, 1);
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	color: #000000;
	margin-bottom: 0;
	padding: 10px 10px 7px 10px;
}

#second-menu .symbola {
	font-size: 1em;
	vertical-align: middle;
}

#second-menu .button:hover {
	/*background-color: rgba(255, 204, 0, .5);*/
    box-shadow: 0px 0px 5px 2px #FFFFFF;
}

#second-menu .button span {
	color: #FFFFFF;	
}


#search {
	margin-top: 20px;
	width: 30%;
	float: right;
}

.search-form input {
	border-radius: 30px;
}

.search-form input[type="submit"] {
	display: none;
}


/* * * * * * * * * * * *
 * General Page Styles *
 * * * * * * * * * * * */

body {
    background-color: #E6E6E6;
}

#page-title {
	position: relative;
	left: -33px;
	margin-top: 16px;
	padding-left: 33px;
	margin-bottom: 1em;	
	width: 100%;
	box-sizing: content-box;
	background-color: #000000;
}

#page-title h2 {
	color: rgb(255, 204, 0);
}

#page-title img {
	position: absolute;
	top: -26px;
	left: 0;
}


#container-2 {
	background-color: #FFFFFF;
/*	box-shadow: 0 -2px 4px rgba(124, 124, 124, 0.84);
    -moz-box-shadow: 0 -2px 4px rgba(124, 124, 124, 0.84);
    -webkit-box-shadow: 0 -2px 4px rgba(124, 124, 124, 0.84);
 */
}

#container-2>div {
    position: relative;
    z-index: 5;
	background: url(bottom.png) no-repeat center bottom;
	padding-top: 10px;
	padding-bottom: 90px;
	margin-right: 0px;
}

#content-outer {
	padding-left: 20px;
}

#content {
	padding: 10px 15px 0 15px;
    background: #ededed;
 /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #ededed 0%, #f6f6f6 53%, #ffffff 100%);
 /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(53%,#f6f6f6), color-stop(100%,#ffffff));
 /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%);
 /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%);
 /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%);
 /* IE10+ */
    background: linear-gradient(to bottom,  #ededed 0%,#f6f6f6 53%,#ffffff 100%);
 /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
 /* IE6-8 */

}

#content a {
	color: #FF4400;
    font-weight: bold;
}

#content a:hover {
	color: #5B5B5B;
	text-decoration: underline;
}

.huge_it_slideshow_image_wrap_2 {
	margin-bottom: 20px;
	margin-top: 10px;
}

/* * * * * * 
 *	Posts  *
 * * * * * */


span.date {
	float: right;
	font-style: italic;
}

.byline {
	margin-bottom: 1em;
}

.post-separator {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom-style: solid;
    clear: both;
}

#submit {
	border-radius: 15px;
	background-color: #FF4400;
} 

#submit:hover {
	box-shadow: 0px 0px 5px 2px #FFFFFF;
}

.attachment-thumbnail {
	float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

#commentform p {
	margin-bottom: 1em;
}

#commentform input {
	margin-bottom: 0;
}

.comment {    
    background: #FFFFFF;
    padding: 1em;
    border-radius: 10px;
    margin-bottom: 10px;
    border-style: dashed;
    border-width: thin;
    border-color: #e3e3e3;
}

.edit-link {
	float: right;
}

.comment-metadata {
	margin-top: 10px;
    margin-bottom: 10px;
}

/* * * * * * * * * 
 *  Alumni/Print *
 * * * * * * * * */

input[name="submit"] {
	content: "Submit";
	background-color: #FF4400;
	font-size: 1.1em;
	padding: 10px;
	color: #FFFFFF;
	font-family: 'megalopolis_extraregular', Helvetica, Arial, sans-serif;
	border-radius: 15px;
	border: none;
	cursor: pointer;
	-webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;

}

input[name="submit"]:hover {
	background-color: #B23000;
}


/* Donate form */

#donate-form {
}
#donate-form iframe {
	border: none;
}



/* * * * * * *
 *	SIDEBAR  *
 * * * * * * */

#sidebar {
	min-width: 300px;
}

#sidebar-cat-nav a {
	font-size: 1em;
	color: #FF4400;
    font-weight: bold;

}

#sidebar-cat-nav a:hover {
    color: #5B5B5B;
    text-decoration: underline;
}

#sidebar-cat-nav .menu {
	margin-top: 10px;
	list-style-type: none;
}

#sidebar-cat-nav .menu-item {
    line-height: 35px;
}

#email {
	background-color: #FFF0B3;
	padding: 10px;
	margin-bottom: 10px;
}

.salesforce_w2l_lead {

}

input.w2linput {
	border-radius: 20px !important;
	padding-left: 10px;
	height: 1.7em;
}

.w2linput.submit {
	background-color: #FFCC00;
	font-size: 1.1em;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'megalopolis_extraregular', Helvetica, Arial, sans-serif;
	color: #000000;
	border: none;
	cursor: pointer;

}

.w2linput.submit:hover {
	box-shadow: 0px 0px 5px 2px #FFFFFF;
}

.w2linput[name=zip] {
	width: 40%;
}

.w2linput.captcha.text {
	width: 30%;
	float: left;
	text-align: center;
}

#sidebar-links {
	padding: 0;
}

#sidebar-buttons {
	margin-left: 0;
}

#sidebar-buttons li {
	list-style-type: none;
	border-radius: 8px;
	margin-bottom: 10px;
	height: 50px;
	width: 100%;
	font-size: 1em;
	padding-left: 10px;
	background: #777777; /* Old browsers */
	background: -moz-linear-gradient(top, #777777 0%, #484848 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #777777 0%,#484848 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #777777 0%,#484848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#484848',GradientType=0 ); /* IE6-9 */
}

#sidebar-buttons li a {
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 50px;
}

#sidebar-buttons li a:hover {
	color: #FFCC00;
}

#sidebar-social li {
	background: #FFCC00;
	width: 45px;
	height: 45px;
	border-radius: 6px;
	-webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}

#sidebar-social li:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.6;
}

#sidebar-social li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FF992E;
	font-size: 2em;
	text-align: center;

}
#sidebar-social li a span {
	line-height: 45px;
}


#sidebar-buttons span {
	color: #FFCC00;
	font-size: 1.5em;
	line-height: 50px;
	margin-right: 10px;
	vertical-align: middle;
}

#twitter-widget {
	margin-top: 1em;
}

/* * * * * *
 * Footer  *
 * * * * * */

#main-footer {
	background-color: #000000;
	font-size: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.footer-menu-1 {
	padding: 0;
}

.footer-menu-1 ul {
	text-align: left;
	margin-left: 0;
	line-height: 20px;
	font-size: 10px;
	}

#footer-menu-2 {
	color: #969696;
	font-size: 12px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 149px;
}
#footer-menu-2 li {
	margin: 0;
	padding: 0;
}

#footer-menu-2 li span {
	margin-left: 5px;
	margin-right: 5px;
}

#footer-menu-2 a:hover {
	color: #FFFFFF;
}

footer ul {
	list-style-type: none;
}


footer h3 {
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1em;
	padding-left: 0px;

}

footer a {
	color: #969696;
}

footer a:hover {
	color: #FFCC00;
}


#sitecredits {
	float: right;
}

#donate-footer {
	margin-bottom: 1em;
}

#donate-footer .button {
	background-color: rgba(255, 204, 0, 1);
	border-radius: 8px;
	height: 60px;
	width: 220px;
	padding: 0 0 0 0;
	margin: 0 auto;
	display: block;

}

#donate-footer .button p {
	color: #000000;
	font-size: 1.5em;
	line-height: 60px;
	text-align: left;
	margin-left: 1em;
}

#donate-footer .button:hover {

}

#donate-footer .button p span {
	margin-right: 10px;
	color: #FFFFFF;
}

#copyright {
	color: #434343;
}

#copyright a {
	color: inherit;
}