@charset "UTF-8";
/* Calendar Template - use with page-tmb-template */

.page-header-label {
    display:flex;
    flex-flow:column nowrap;
    justify-content: center;
    align-items: flex-start;
}
.page-header-image{
    background-repeat: no-repeat ;
    background-position:center;
    background-size: 80%; 
}
/**Google Calendars Media Styling**/
.google-calendar{
    padding-bottom:40%;
}
.google-calendar,
.google-calendar-column{  
    position:relative;
    height:30%;
    overflow: hidden;
    margin:3% 0;
}
.google-calendar-column{
    display:flex;
    flex-flow:column nowrap;
}
.google-calendar iframe:nth-child(1),
.google-calendar iframe:nth-child(2){
    position:absolute;
    top:0;
    height:100%;
}
.google-calendar iframe:nth-child(1){
    left:0;
    width:74%;/*Customizable*/
}
.google-calendar iframe:nth-child(2){
    right:0;
    width:25%;/*Customizable*/
}
.google-calendar-column iframe:nth-child(1),
.google-calendar-column iframe:nth-child(2){
    width:100%;
}
.google-calendar-column iframe:nth-child(1){
    height:50vmin;/*Customizable*/
}
.google-calendar-column iframe:nth-child(2){
    height:30vmin;/*Customizable*/
}

@media only screen and (min-width:1024px) and (orientation:landscape)
    {.google-calendar-column,.google-calendar-column iframe{display:none !important;}} 
@media only screen and (max-width:1023px) and (orientation:landscape)
    {.google-calendar,.google-calendar iframe{display:none !important;}
    .google-calendar-column iframe:nth-child(1){height: 100vmin;}
    .google-calendar-column iframe:nth-child(2){height: 60vmin;}}
    
@media only screen and (max-width:1400px) and (orientation:portrait)
    {.google-calendar,.google-calendar iframe{display:none !important;}}
@media only screen and (max-width:1023px) and (orientation:portrait)
    {.google-calendar-column iframe:nth-child(1){height:50vmax;margin-bottom:-8%;}
    .google-calendar-column iframe:nth-child(2){height:30vmax;}}

/*Calendar Link Button*/
.calendar-link-group{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    grid-column-gap:3em;
    margin:2em auto;
}
@media only screen and (max-width:768px) and (orientation:portrait){
    .calendar-link-group{grid-template-columns:1fr;grid-row-gap:1em;}
}
a:link.calendar-link, a:visited.calendar-link {
  	width:100%;
    color:white;
    font-size:120%;
    font-weight:500;
    border-radius:6px;
    border:none;
  	padding: 0.6em 1em;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
}
a:link.calendar-link.google, a:visited.calendar-link.google{
  	background-color:#3498DB;
}
a:link.calendar-link.ical-ful, a:visited.calendar-link.ical-ful {
    background-color:#F7B11A;
  }
a:link.calendar-link.ical-fv, a:visited.calendar-link.ical-fv {
    background-color:#9A6ECD;
  }
a:hover.calendar-link.google, a:active.calendar-link.google {
  background-color:#cefafe;
    color:#39B2EA;
}
a:hover.calendar-link.ical-ful, a:active.calendar-link.ical-ful {
  background-color:#FBD685;
    color:#dd9a08;
}
a:hover.calendar-link.ical-fv, a:active.calendar-link.ical-fv {
  background-color:#cdcdfe;
    color:#9A6ECD;
}
a.calendar-link.google img,
a.calendar-link.ical-ful img,
a.calendar-link.ical-fv img{
    margin-top:0.3em;
}



#page-body{
    display:flex;
    flex-flow: column nowrap;
    align-items: center;
    background-color:#e0e0e0;
}
#page-body span,
#page-body .download{
    flex: 0 0 5em;
}
#page-body span {
    font-size: 1.2vw; 
    display:flex; 
    align-items:center;
}
@media only screen and (orientation:portrait)
    {#page-body span{font-size: 1.8vw;padding: 0 3%;}}
    
/*.add-calendar{
    height:100%;
    display:flex;
    justify-content:center;
    width: 10vh;
    background-image: url("../Assets/addcalendar.png");
    background-repeat: no-repeat ;
    background-position:center;
    background-size: 100%;
}
.add-calendar-left-group{
    display:flex;
    flex-flow:row nowrap;
    justify-content:flex-start;
}
.add-calendar-links{
    width:100%; 
    display:flex; 
    flex-flow:column wrap; 
    justify-content: space-evenly;
}
input[type=button]{
    font-family:'Lato' !important;
}
.link-button{
    font-family:'Lato';
    width:100%;
    margin-left: 5%;
    padding:1.5%;
    border-radius:0.5em;
    background-color:#FEFEFE;
    border:none;
}
.link-button:hover {
    background-color: #53B457;
    color: white;
    transition-duration: 0.8s;
}  
*/

.printing img {/*hand icon*/
    height:6vh;
    width:auto;
}
@media only screen and (orientation:portrait)
    {.printing img{height:3vh;}}

.printing form{text-align:right;}
    
 
.download{
    width:100%;
    font-size: 1.2vw;
    padding: 1% 3% 1% 3%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}
@media only screen and (orientation:portrait)
    {.download{font-size:2vh;}}/*download text*/
@media only screen and (max-width:768px) and (orientation:portrait)
    {input{height:4vh;}}
@media only screen and (max-width:768px) and (orientation:landscape)
    {input{height:6vw;}}/*download icon*/