/* 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;
}
.days ul li a:hover {
    
    background-color:#fff;border:1px solid #303933;
    color:#74a5ad;   text-shadow: none
}
.martop {margin-top: 40px}
.suna {
	float:left;
	margin:10px 0 20px;
	padding:15px 0 15px 15px;
	width:84%;
	border:dotted 1px #7bbba6;
	border-radius:5px;
	background-color:#76b5be;
	box-shadow: 0px 3px 12px rgba( 0,0,0,0.3);
}
/*    !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;box-shadow: none; 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}
    #back-top {
		position: fixed;
		bottom: 10px;
		clear: both;
		margin-left: 80%;
       width: 0;
	height: 0;
	border-width: 0 25.5px 51px 25.5px;
	border-color: transparent transparent rgba(118,181,190,.7) transparent;
	border-style: solid;    	background: transparent;
    	text-decoration: none
	}
}
/*  ******   END MEDIA ********/
.sun {margin-top:45px}
.suna a{
		float:left;
		margin:3px 4px;
		padding:2px;
		min-width:150px;
		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}
.acco {border:solid #c03;border-width: 2px 8px; font-weight: bold;margin:15px auto;padding: 12px; width:60%}
.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}
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}
   .eleve{font-size: 1.1em; font-weight: bold}
.intro {
    
   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 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:#cce6f1;border: 1px solid #c00;
    border-radius: 5px;
	font-size:1em;
	margin:30px 10px 3px -30px !important;
	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; float: right;font-size: 1.2em;padding:0 5px 0 }
.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: 80%;
       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)	}