/* 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
            }
.footer {margin-top: 40px}
.both {clear:right}
.days {
        float:left;
        padding:0;
        width:13%;
        font-size:1.1em;
}
.days ul {
        margin:0;
        padding:0 0 0 10px;
}
.days ul li {
        margin:10px 0 0;
        padding:14px 0 14px 8px;list-style: none;
}
.days ul li a {
    border-right:solid 1px #303933;
    border-bottom:none !important;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    background-color:#74a5ad;
    color:#fff;text-shadow: 1px 1px 1px #333;
    display:block;
    padding:4px 0 4px 16px;
}
.martop {margin-top: 30px}
.suna {
	float:left;
	margin:10px 0 20px;
	padding:10px 0 10px 10px;
	width:87%;
	border:dotted 1px #7bbba6;
	border-radius:5px;
	background-color:#76b5be
}
/*    !MEDIA **********/
@media screen and (max-width: 800px){
    .suna{width:99%;padding-left: 8%} 
    .suna a {min-width: 48%}
    .intro{background:#fff !important;border-color: #fff !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}
}
/*  ******   END MEDIA ********/
.suna a{
		float:left;
		margin:3px 4px;
		padding:2px;
		min-width:120px;
		border-radius: 5px;border:1px  solid #f3f3f3;
		background-color:#f3f3f3;
		box-shadow:1px 1px 1px #999;
		text-align:center;
}
	.suna a:hover {border:1px  solid #c03;
	color: #fff;
	background-color:#6b9096;text-decoration: none;
}
.key {border: solid 1px #c00}

.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}
h2 {border-bottom: 3px solid #14b293;
    color:#222;font-variant: small-caps;
    padding:12px 0 12px 40px;text-align: left;
    }
h3 {margin:30px 20px 20px -40px; padding-left: 45px}
.intro {
    
    background:rgba(242,223,206,1.00);
    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 0 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:#fff;
    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:#cdd9de;
    border-radius: 5px;
	font-size:1em;
	margin:30px 10px 3px -10px;
	padding:5px 5px 3px 25px !important;
	}
.pant {border-radius: 5px;
	margin:20px 0 15px ;
	padding:5px 0 5px 15px !important;width: 330px;
	background: #a2d7cd;box-shadow: 0 8px 6px -6px rgba(102, 102, 102, .5);
	font-size:1.1em; font-family: 'American Typewriter'; letter-spacing: 1px
	}
.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: 330px; 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;
		clear: both;
		margin-left: 86%;
        width: 0;
        height: 10px;
    	border-left: 25px solid transparent;
    	border-right: 25px solid transparent;
    	border-bottom: 50px solid rgba(204,204,204,.7);
    	border-top:none;
    	background: transparent;
    	text-decoration: none
	}
#back-top:hover {border-bottom-color: rgba(118,181,190,1.00)	}