/* Style sheet for https://mgsasymposium.org/sch.html related pages.*/
/* Theme Name:Modern Greek Studies Association 
Author:John Maas
Author URI:http://johnmaas.com
Version:3.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
2019-08-23 5:00 PM */


html, body  {box-sizing: border-box;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0
            }
    hr{color:#fff; background-color: #fff; margin:5px 20px 5px 0}
.footer {margin-top: 40px}
.both {clear:right}
.small {font-size: .8em;padding-right: 2px}
.lh {line-height: 1.6em; padding: 20px }
.xwide{padding:2px 25px}
.suna, .sunb {
	float:left;
	padding:15px 0 15px 15px;
	width:100%;
	border-radius: 0 0 5px 5px;
	background-color:#8cc0c9;
	
}
.suna {box-shadow: 0px 3px 0 rgba( 0,0,0,0.3);margin: 0}
.sunb {box-shadow: 0px 3px 12px rgba( 0,0,0,0.3);margin:-18px 0 30px 0;clear: right}
.day {background-color: #fff !important;border-left:5px solid orange !important;clear: left;  font-size: 1.3em !important; margin: -1px 48px 0 -40px !important;text-align: left !important; padding-left: 20px !important }
/* .day a:hover {color:#76b5be !important} */
.arr {color: #ee7421; font-weight: bold}
/*    !MEDIA **********/
@media screen and (max-width: 800px){
    .suna{width:99%;padding-left: 2%} 
    .suna a {min-width: 48%}
    .day {margin-right: 0}
    .intro{background:#fff !important;border-color: #fff !important;box-shadow: none !important; padding:0 0 30px 15px !important;width:100% !important}
    header h1,header h3, .days{display: none}
    .nav-main, .nav-main a{width: 100% !important;display: block; float: left}
    .psr {font-size: 1.5em;padding-left: 0 !important}
    .pan {margin:30px -10px 5px 0; border-width: 2px !important}
    .meet {padding:10px 5px !important}
    .key {width: 80%; margin:auto; margin-bottom: 15px !important;padding-left: 12px}
    .minw {margin-top: 15px !important}
    .acco{width: 100% !important}
    #back-top {
position: fixed;
bottom: 10px !important;
clear: both;
margin-left: 90%;
width: 0;
height: 0;
border-width: 0 15.5px 26px 15.5px;
border-color: transparent transparent rgba(118,181,190,.6) transparent;
border-style: solid;    	background: transparent;
text-decoration: none
	}
}
/*  ******   END MEDIA ********/
.sun {margin-top:45px}
.suna a, .sunb a{
		float:left;
		margin:3px 4px;
		padding:2px;
		min-width:170px;
		border-radius: 5px;border:2px  solid #f3f3f3;
		background-color:#f3f3f3;
		box-shadow:1px 1px 1px #333;
		text-align:center;
}
	.suna a:hover, .sunb a:hover
	 {border:2px  solid #ee7f2d;text-decoration: none}
	
	.day a:hover, .day a:hover
	 {background: blue !important;
	}
.key {border: solid 1px #c00}
.acco {border:solid #ee7f2d;border-width: 2px 8px; font-weight: bold;margin:15px auto;padding: 12px; width:50%}
.acco img {height: 25px}
.red {color: #c03;}
.larg{font-size: 2em}
.mio {padding:0 10px}
.cau {width: 86%;
    border:3px solid #A2D7CD;
    background: #fff;height:70px;
    margin:15px 50px;
    padding:25px ;
    border-radius: 10px }
.cau p {padding:7px 0;line-height: 1.7em}
.cen {float: right}
.center {text-align: center}
.flr {float: right}
.one7 {line-height: 1.7em}
.seven{font-size: .7em}
 .ext{cursor:ne-resize}
.ext:after{content:"⇗";color:#666;font-size:1.5em;padding-left:5px}
h2 {border-bottom: 3px solid #14b293;
    color:#222;font-variant: small-caps;
    padding:22px 0 12px 40px;text-align: left;
    }
   h3 {margin:10px 20px 20px -40px; padding-left: 45px}
   .eleve{font-size: 1.1em; font-weight: bold}
   .intro a {color:#333}
   .intro {  color:#333;
    
   background-color: #feb6b3;background-image: linear-gradient(to left, #f8e3e2 0%, #ede9d5 100%);
    border:solid 1px #a2d7cd;
    border-radius:10px;
    box-shadow: 0px 3px 12px rgba( 0,0,0,0.3);
    font-family:Palatino, "Book Antiqua", serif;
    font-size:1em;
    margin:30px auto;
    padding:0 25px 30px 60px;
    width:80%;
}
.intro h2 {margin-left: -60px !important}
.int2, .int3 {
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    margin:0 0 0 -60px;text-align: center
}

a.bl {
    border:none!important;
    display:block;
}
.intro h3 {
    color:#333;
    display:block;
    float:left;
    font-family:Oxygen,sans-serif;
    font-size:1.3em;
    line-height:35px;
    margin-top:15px;display: block;
    padding-right:160px;
    text-align:center;
    text-shadow:1px 1px 0 #444;
}
.intro p {margin-left:-40px;padding-left:25px}
.pan {background-color:#d7e5eb;border: 1px solid #ee7421;
    border-radius: 5px;
	font-size:1em;
	margin:50px 10px 3px -30px !important;
	letter-spacing: .3px;
	padding:5px 5px 3px 25px !important}
.pant {border-radius: 5px;color:#fff;
	margin:20px 0 15px ;
	padding:5px 0 5px 15px !important;width: 330px;
	background:#76b5be;box-shadow: 0 8px 6px -6px rgba(102, 102, 102, .5);
	font-size:1.1em; text-shadow: 1px 1px 0px black
	} 
.rm {background-color: #fff;border: 1px #ee7421 solid; float: right;font-size: 1.2em;padding:0 5px 0 }
.up {margin-top: -25px}
.up2 {margin-top: -65px}

.tri {margin-bottom: 25px}	
.out {margin-left:-35px}
.cross {display:block; border: 2px solid #c00; 
        border-radius: 5px;margin-top: 15px; 
        width:40%;
        min-width: 360px; text-align: center}
  a.cross{color: #c00; padding: 5px 10px}
  a.cross:hover {color: #fff; background: #c00; text-shadow: 1px 0 1px #333}
 #back-top {
		position: fixed;
		bottom: 100px;
		margin-left: 70%;
       width: 0;
		height: 0;
		border-width: 0 37.5px 91px 37.5px;
		border-color: transparent transparent rgba(118,181,190,.7) transparent;
		border-style: solid;    	
		background: transparent;
    	text-decoration: none
	}
#back-top:hover {border-bottom-color: rgba(118,181,190,1.00)	}