/* Web in a Week CSS File - processed for variables */
/* WW classes added by Webinaweek (c) Webinaweek 2016 */

@media (max-width:601px){.ww-l-only{display:none}}

.ww-m-only {display:none}
@media (max-width:601px){.ww-m-only{display:inline}}

@media (min-width:601px){.ww-mll{margin-left: 5%; margin-right: 5%;}}

.ww-ttitle, .ww-timage {position:absolute;top:8px;left:16px;color:#fff;font-size:20px}
 
.ww-parent: {display:table;}
.ww-child: {display: table-cell; border: 1px solid red;width:50%;}

.ww-tab { display: table; width: 85%; border-spacing: 24px 4px; border-collapse: separate; 
            padding-bottom: 16px;   table-layout: fixed; }
.ww-tabrow { display:table-row; }
.ww-tab td { vertical-align:top; }

.ww-tquarter {display: table-cell; width: 30%; background: #eef; padding: 8px;
            border: 2px solid #a0c0ff;  margin: 18px;
            box-shadow:0 2px 3px 0 rgba(0,0,255,0.2),0 4px 12px 0 rgba(0,0,255,0.19) !important }

.ww-tquarterp {display: table-cell; width: 30%; background: #eef; padding: 8px;
            margin: 18px; word-wrap: break-word;}

.ww-tquarter img {padding-bottom:16px; width: 50%;display: block; margin-left: auto; margin-right:auto;}

.ww-tquarterp ul li { list-style-type: square; }

.ww-boxtop {border-top: 2px solid #678; border-left: 2px solid #678; border-right: 2px solid #678; }
.ww-boxbottom {border-bottom: 2px solid #678; border-left: 2px solid #678; border-right: 2px solid #678; }


.ww-tfifth {display: table-cell; background: #eef; padding: 8px;
            border: 2px solid #a0c0ff;  margin: 18px;
            box-shadow:0 2px 3px 0 rgba(0,0,255,0.2),0 4px 12px 0 rgba(0,0,255,0.19) !important }

.ww-tfifth img {padding-bottom:16px; width: 50%;display: block; margin-left: auto; margin-right:auto;}


.ww-center {display: block; margin-left: auto; margin-right:auto;}

.ww-linespace p {line-height: 30px;}
.ww-listwide li {padding-bottom:15px;}
.ww-listpad li {padding-bottom:2px;}
.ww-listwide li:last-child, .ww-listpad li:last-child {padding-bottom:0}