/**
* Theme Name: Pressville Child
* Theme URI: http://preview.lsvr.sk/pressville
* Description: Pressville child theme
* Author: LSVRthemes
* Author URI: http://themeforest.net/user/LSVRthemes/portfolio
* Developer: Leighton Francis
* Template: pressville
* Version: 1.1.0
*/

/* Add your custom CSS after this comment */

/*This handels the position of the back to top button */
.back-to-top{
    bottom: 80px;
}	


.footer-widget a:hover{
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all linear .2s;
    color: inherit;
}

/* Default Left Logo if Screen Size doesn't exist */
/*Code below manipulates the Left Logo */
.header-titlebar__logo_lf {
    max-width: 120px;
	display:block;
	margin:0 auto;
	
}

.header-titlebar__inner_lf {
    position: relative;
	/*left: 572px;*/
	left: 100px;
	top: -122px;
    display: table;
    table-layout: fixed;
    /*width: 100%;*/
	width:20%;
    z-index: 20;
}

.lsvr-container_l {
    margin: 0 auto;
    /* padding: 0 30px; */
    width: 100%;
    max-width: 1280px;
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}

/*END HERE */


/*Start */ 
 /*Contact Form 7 styling*/
wpcf7-f1511-p1506-o1{
	float: left;
	width: 50%;
	padding: 10px;
	background-color: #0f0f;
	
}
/*Clear floats after the columns contract form 7*/
wpcf7-f1511-p1506-o1:after{
	display: table;
	clear: both;
}
/*End */



/* -----------------------------------------------------------------------------

							RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */
				/*==========  Non-Mobile First Method  ==========*/
    /* -------------------------------------------------------LF------------------
        2X-LARGE DEVICES
		devices with width between 992px and 1920px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 1920px ) {
		/* your CSS here */
		
		.header-titlebar__logo_l {
			max-width: 120px;
			display:block;
			margin:0 auto;
		}
		
		.header-titlebar__inner_l {
			position: relative;
			left: 1443px;
			top: -122px;
			display: table;
			table-layout: fixed;
			width:10%;
			z-index: 20;
		}
	}
	
	/* -------------------------------------------------------LF------------------
        1X-LARGE DEVICES
		devices with width between 992px and 1600px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 1600px ) {

		/* your CSS here */
		
		.header-titlebar__logo_l {
			max-width: 120px;
			display:block;
			margin:0 auto;
		}
		
		.header-titlebar__inner_l {
			position: relative;
			left: 1295px;
			top: -122px;
			display: table;
			table-layout: fixed;
			width:10%;
			z-index: 20;
		}
	}
	
	
	/* -------------------------------------------------------LF------------------
        0.5X-LARGE DEVICES
		devices with width between 992px and 1536px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 1536px ) {

		/* your CSS here */
		
		.header-titlebar__logo_l {
			max-width: 120px;
			display:block;
			margin:0 auto;
		}
		
		.header-titlebar__inner_l {
			position: relative;
			left: 1275px;
			top: -122px;
			display: table;
			table-layout: fixed;
			width:10%;
			z-index: 20;
		}
	}
	
	
	/* -------------------------------------------------------LF------------------
        0.7X-LARGE DEVICES
		devices with width between 992px and 1440px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 1440px ) {

		/* your CSS here */
		
		.header-titlebar__logo_l {
			max-width: 120px;
			display:block;
			margin:0 auto;
		}
		
		.header-titlebar__inner_l {
			position: relative;
			left: 1220px;
			top: -122px;
			display: table;
			table-layout: fixed;
			width:10%;
			z-index: 20;
		}
	}
	
	/* ------------------------------------------------------LF-------------------
        X-LARGE DEVICES
		devices with width between 992px and 1366px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 1366px ) {

		/* your CSS here */
		
		.header-titlebar__logo_l {
			max-width: 120px;
			display:block;
			margin:0 auto;
		}
		
		.header-titlebar__inner_l {
			position: relative;
			/*left: 572px;*/	
			left: 1180px;
			top: -122px;
			display: table;
			table-layout: fixed;
			/*width: 100%;*/
			/*width:10%;*/
			z-index: 20;
			}
	}
	

    /* -------------------------------------------------------LF----------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 1199px ) {

		/* your CSS here */
		
		.header-titlebar__logo_l {
			max-width: 120px;
			display:block;
			margin:0 auto;
		}
		
		.header-titlebar__inner_l {
			position: relative;
			/*left: 572px;*/
			left: 1000px;
			top: -122px;
			display: table;
			table-layout: fixed;
			/*width: 100%;*/
			width:20%;
			z-index: 20;
			}
	}
	
	
	
	/* -------------------------------------------------------LF----------------
        LARGE DEVICES iPad Pro
		devices with width between 992px and 1024px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 1024px ) {

		/* your CSS here */
		
		.header-titlebar__logo_l {
			max-width: 120px;
			display:block;
			margin:0 auto;
		}
		
		.header-titlebar__inner_l {
			position: relative;
			/*left: 572px;*/
			left: 826px;
			top: -122px;
			display: table;
			table-layout: fixed;
			/*width: 100%;*/
			width:20%;
			z-index: 20;
			}
	}	

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 991px ) {

		/* your CSS here */
			.header-titlebar__logo_l {
			max-width: 120px;
			display:block;
			margin:0 auto;
		}

		.header-titlebar__inner_l {
			position: relative;
			left: 235px;
			top: -15px;
			display: table;
			padding: 30px 50px;
			table-layout: fixed;
			/*width: 100%;*/
			width:40%;
			z-index: 20;
		}		


	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media only screen and ( max-width: 767px ) {

		/* your CSS here */

	}
	
	
	/* --------------------------------------------------------LF---------------
        SEMI SMALL DEVICES
		devices with width up to 503px
    ------------------------------------------------------------------------- */

	@media only screen and ( max-width: 503px ) {

		/* your CSS here */
	.header-titlebar__logo_l {
		max-width: 120px;
		display:block;
		margin:0 auto;
	}

	.header-titlebar__inner_l {
		position: relative;
		left: 152px;
		top: -25px;
		display: table;
		padding: 30px 50px;
		table-layout: fixed;
		/*width: 100%;*/
		width:40%;
		z-index: 20;
	}		
}
	

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media only screen and ( max-width: 480px ) {

		/* your CSS here */
	.header-titlebar__logo_l {
		max-width: 120px;
		display:block;
		margin:0 auto;
	}

	.header-titlebar__inner_l {
		position: relative;
		/*left: 572px;*/
		left: 128px;
		top: -25px;
		display: table;
		table-layout: fixed;
		/*width: 100%;*/
		width:40%;
		z-index: 20;
	}		
}


/*
	//Added in Additional CSS of Theme 
	//Changes Heading text to gold-ish color
	.header-titlebar__title-link {
		color: #dcae3e;
		text-shadow: 0 0 10px rgba(0,0,0,0.25);
	}
*/
	/*This modifies the theme's Tagline color  */
	.header-titlebar__description {
		color: #f1e27b;  
		text-shadow: 9 2 10px rgba(0,0,0,0.5);
	}
/* Science, Energy & Technology Secondary Menu */
.header-menu-secondary__list a {
	color: #f1e27b;
	font-size: 22px;
	text-align: center;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
  	animation: glow 1s ease-in-out infinite alternate;
} 
/* Added Pulsing Glow effect to the science, Energy & Technolgy heading on the Secondary menu*/
/*@-webkit-keyframes glow {
  from {
    	text-shadow: 0 0 1px #f1e27b, 0 0 1px #f1e27b, 0 0 2px #f1e27b, 0 0 2px #f1e27b, 0 0 2px #f1e27b, 0 0 2px #f1e27b, 0 0 2px #f1e27b;
    }
  to   {
    	text-shadow: 0 0 1px #f1e27b, 0 0 1px #f1e27b, 0 0 1px #f1e27b, 0 0 1px #f1e27b, 0 0 1px #f1e27b, 0 0 1px #f1e27b, 0 0 1px #f1e27b;
  }
}*/

a:hover {
	color: #dcae3e;
	text-shadow:0px 0px 30px #fdec6e;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
  }

  .lsvr_person-post-archive .post__thumbnail img {
    border-radius: 8%;
}
/*
.header-titlebar__logo {
	/*max-width: 120px;*/
	/*content:url(assets/img/MSET1.png/112x114); <-- the /num1xnum2 is used to specify the img size
	background-image:url(assets/img/MSET1.png);
}	
*/	

/*Creates an rotating effect on items*/
#loading {
	-webkit-animation: rotation 12s infinite linear;
}

@-webkit-keyframes rotation {
	from {
			-webkit-transform: rotate(0deg);
	}
	to {
			-webkit-transform: rotate(359deg);
	}
}

/**/


.post__title {
	margin: 0;
	font-size: 33px
}

/* Subitems for mega menu*/
.mega_menu {
	padding-left:1em;
	font-size: 14px;
	font-style: bold;
}

/* Gears for bullet points*/
.gear_cog {
	padding-left:1.8em;
	text-indent: -0.6em;
}
/*Changes Timeline Announcment Date to white font
.post__meta-date {
     color: white;
}
*/