/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* Mega Menu drop down */
.x-navbar-static-active .desktop .x-nav .x-megamenu>.sub-menu, .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu>.sub-menu {
	border: 1px solid #DDDDDD;
}

/* footer link hover color */
.x-colophon.bottom .x-nav li a:hover {
  opacity: 1;
  color: #8BC34A;
}

.x-colophon.bottom a:hover, .x-colophon.bottom .x-social-global a:hover {
    color: #8BC34A;
}

.x-accordion-heading .x-accordion-toggle.collapsed:before {
    color: #8BC34A;
}

/* Logo - Adjust Logo size and position on Mobile */
@media only screen and (max-width: 400px) {
    .x-brand img {
        width: 70% !important;
        position: absolute;
        top: 15px;
    }
}

body {
    background(#70a2c4);
    background: -webkit-linear-gradient(#70a2c4, #3b77a0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#70a2c4, #3b77a0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#70a2c4, #3b77a0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#70a2c4, #3b77a0);
    background-attachment: fixed;
}

body h1 {
   font-size:170% !important;
   letter-spacing: 0.02em !important;
   font-weight:500 !important;
}

body h2 {
   font-size:170% !important;
}

body h3 {
   font-size:150% !important;
}

body h4 {
   font-size:130% !important;
}

body h5 {
   font-size:110% !important;
   font-weight:500 !important;
}

body h6 {
   font-weight:600 !important;
}

h4, h5, h6, .h4, .h5, .h6 {
    margin-top: 1em;
}

/*-------------------*/
/*  Accordion        */
/*-------------------*/

.x-accordion-heading .x-accordion-toggle {
    padding: 7px 12px;
    font-size: 100%;
}

.x-accordion-group {
    border: 1px solid #e5e5e5;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.x-accordion-inner {
    border-top: 1px solid #e5e5e5;
}


/*-------------------*/
/*  Button           */
/*-------------------*/
/* Remove button text shadow */
a.x-btn {
text-shadow: none !important;
}

.x-btn, .button, [type="submit"] {
    color: #fff !important;
    background-color: #162536 !important;
    border: none;
}

@media (min-width: 480px){
	img.image-full-width-adjust {
	    width:80%;
	}
}
@media (min-width: 979px){
	img.image-full-width-adjust {
	    width:70%;
	}
}


/*-------------------*/
/*  Magic Liquidizer - Staff Directory */
/*-------------------*/
.RAF-calendar-table table, .RAF-calendar-table th, .RAF-calendar-table tr, .RAF-calendar-table td {
    border-color: #ddd;
}

.RAF-agenda .ml-responsive-table dd {
    font-size: 100%;
    margin-bottom: 0;
}
	
.RAF-agenda .ml-table {
    padding: 0 0px 0px 10px;
}

.RAF-agenda .ml-responsive-table dt {
    display: none !important;
}

.RAF-agenda ul, ol {
    margin: 0 0 0 1.655em;
}

.RAF-agenda a.x-btn {
    margin-top: 2px;
}

/*-- for Renew.css --*/

.x-colophon.top {
    padding: 25px 0px;
}

.x-colophon.bottom {
    padding: 20px 0px;
}

.x-header-landmark {
    padding: 20px 0;
	background-color: #f4f6f6;
}

/* Title Area */
.h-landmark, .entry-title.h-landmark {
    line-height: 1.4 !important;
}


.search-results h2.entry-title {
    font-size: 120% !important;
}

.search-results h2.entry-title a {
    color: #2574a9;
}

/*---------------------------------------------------*/
/* x-Theme Grid Block spacing overwrite */
/*---------------------------------------------------*/
.x-block-grid{
    display:block;
    overflow:hidden;
    margin:0 0 1.5em
}
.x-block-grid>li{
    display:block;
    float:left;
    height:auto;
    /* ----- margin:5% 5% 0 0; ----- original */
    margin: 0 2% 0 0; */    
    padding:0
}
   
.x-block-grid.two-up>li{
    /* ----- width:47.5% ----- original */
    width:49%        
}
.x-block-grid.two-up>li:nth-child(-n+2){
    margin-top:0
}
.x-block-grid.two-up>li:nth-child(2n){
    margin-right:0
}
.x-block-grid.two-up>li:nth-child(2n+1){
    clear:both
}
@media (max-width: 480px){
    .x-block-grid.two-up>li{
        width:100%;margin-right:0
    }
    .x-block-grid.two-up>li:nth-child(2){
        /* ----- margin-top:5% ----- original */
        margin-top:2%
    }
}

.x-block-grid.three-up>li{
    /* ----- width:30% ----- original */
    width:32%
}
.x-block-grid.three-up>li:nth-child(-n+3){
    margin-top:0
}
.x-block-grid.three-up>li:nth-child(3n){
    margin-right:0
}
.x-block-grid.three-up>li:nth-child(3n+1){
    clear:both
}

@media (max-width: 979px){
    .x-block-grid.three-up>li{
            /* ----- width:47.5% ----- original */
            width:49%
        }
    .x-block-grid.three-up>li:nth-child(3){
        /* ----- margin-top:5% ----- original */
        margin-top:0
    }
    .x-block-grid.three-up>li:nth-child(3n){
        /* ------ margin-right:5% ----- original */
        margin-right:2%
    }
    .x-block-grid.three-up>li:nth-child(3n+1){
        clear:none
    }
    .x-block-grid.three-up>li:nth-child(2n){
        margin-right:0
    }
    .x-block-grid.three-up>li:nth-child(2n+1){
        clear:both
    }
}
@media (max-width: 480px){
    .x-block-grid.three-up>li{
        width:100%;margin-right:0
    }
    .x-block-grid.three-up>li:nth-child(2){
        /* ----- margin-top:5% ----- */
        margin-top:0
    }
    .x-block-grid.three-up>li:nth-child(3n){
        margin-right:0
    }
}
.x-block-grid.four-up>li{
    /* ----- width:21.25% ----- original */
    width:23.5%
}
.x-block-grid.four-up>li:nth-child(-n+4){
    margin-top:0
}
.x-block-grid.four-up>li:nth-child(4n){
    margin-right:0
}
.x-block-grid.four-up>li:nth-child(4n+1){
    clear:both
}
@media (max-width: 979px){
    .x-block-grid.four-up>li{
        /* ----- width:47.5% ----- original */
        width:49%
    }.
    x-block-grid.four-up>li:nth-child(3),.x-block-grid.four-up>li:nth-child(4){
        /* ----- margin-top:5% ----- original */
        margin-top:0
    }
    .x-block-grid.four-up>li:nth-child(4n){
        /* ----- margin-right:5% ----- original */
        margin-right:2%
    }
    .x-block-grid.four-up>li:nth-child(4n+1){
        clear:none
    }
    .x-block-grid.four-up>li:nth-child(2n){
        margin-right:0
    }
    .x-block-grid.four-up>li:nth-child(2n+1){
        clear:both
    }
}
@media (max-width: 480px){
    .x-block-grid.four-up>li{
        width:100%;margin-right:0
    }
    .x-block-grid.four-up>li:nth-child(2){
        /* ----- margin-top:5% ----- original */
        margin-top:0
    }
    .x-block-grid.four-up>li:nth-child(4n){
        margin-right:0
    }
}

/*---------------------------------------------------*/
/* Event Calendar */
/*---------------------------------------------------*/

.eventcalendar {
    font-family: Helvetica, Arial, sans-serif;
    line-height: normal;
    background-color :#ffffff;
    border: 5px solid #efefef;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.eventcalendar * {box-sizing: border-box;}

.eventcalendar ul {
    list-style-type: none;
}

.eventcalendar a {
    text-decoration: none;
}

.eventcalendar .month {
    padding: 5px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #d5d5d3;
    border-left: 1px solid #d5d5d3;
    border-right: 1px solid #d5d5d3;
}

.eventcalendar .month ul {
    margin: 0;
    padding: 0;
}

.eventcalendar .month ul li {
    font-size: 18px;
    font-weight: bold;
}

.eventcalendar .weekdays {
    margin: 0;
    padding: 5px 1%;
    font-size: 0; /* prevent gap/space between <li> */
    border-bottom: 1px solid #d5d5d3;
    border-left: 1px solid #d5d5d3;
    border-right: 1px solid #d5d5d3;
}

.eventcalendar .weekdays li {
    display: inline-block;
    width: 14%;
    color: #767676;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.eventcalendar .days {
    padding: 10px 1%;
    margin: 0;
    font-size: 0; /* prevent gap/space between <li> */
    background-color: #EFEFEF;
    background-image: url(http://www.eventbrite.com/static/images/manage/cal_gradient.png);
    background-repeat: repeat-x;
    border-bottom: 1px solid #d5d5d3;
    border-left: 1px solid #d5d5d3;
    border-right: 1px solid #d5d5d3;
}

.eventcalendar .days li {
    list-style-type: none;
    display: inline-block;
    width: 14%;
    text-align: center;
    font-size:16px;
    font-weight: bold;
    color: #000;
    padding: 5px 0;
}

.eventcalendar .days li a {
    color: #fff;
}
.eventcalendar .days li.eventday, .eventcalendar .days li.eventday-no-link {
    background: #00BEEE;
    color: #fff !important;
    border: 1px solid #fff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	border-radius:4px;        
}

.eventcalendar .days li.eventday-cancelled {
    background: #cdcdcb;
    color: #fff !important;
    border: 1px solid #fff;
    -moz-border-radius:4px;
    webkit-border-radius:4px;
    border-radius:4px;        
}
.eventcalendar .days li.eventday:hover {
    background: white !important;
    color: #00BEEE !important;
    border: 1px solid #fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;        
}

.eventcalendar .days li.eventday:hover a {
    color: #00BEEE !important;
}

.eventcalendar .save-to-calendar {
    font-size: 14px;
    color: #767676;
    padding: 5px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d5d5d3;
    border-left: 1px solid #d5d5d3;
    border-right: 1px solid #d5d5d3;
}

.eventcalendar .save-to-calendar a {
    color: #1a9cbc;
}
