body{font-family:'Roboto',sans-serif;font-size:14px;font-weight:300;color:#000;}.diaryimg{float:left;padding:5px;margin:5px;border:1px solid #ccc}.custom.gold{background-color:#cc9933;}.custom.gold a:hover{color:#000;}.videos-block{margin-bottom:20px;}.pads{padding-left:30px;padding-right:30px;}$table-breakpoint:480px;$table-background-color:#FFF;$table-text-color:#024457;$table-outer-border:1px solid #167F92;$table-cell-border:1px solid #D9E4E6;// Extra options for table style (parse these arguments when including your mixin)
$table-border-radius:10px;$table-highlight-color:#EAF3F3;$table-header-background-color:#167F92;$table-header-text-color:#FFF;$table-header-border:1px solid #FFF;// The Responstable mixin@mixin responstable($breakpoint:$table-breakpoint,$background-color:$table-background-color,$text-color:$table-text-color,$outer-border:$table-outer-border,$cell-border:$table-cell-border,$border-radius:none,$highlight-color:none,$header-background-color:$table-background-color,$header-text-color:$table-text-color,$header-border:$table-cell-border){.responstable{margin:1em 0;width:100%;overflow:hidden;background:$background-color;color:$text-color;border-radius:$border-radius;border:$outer-border;tr{border:$cell-border;&:nth-child(odd){// highlight the odd rows with a color
        background-color:$highlight-color;}}th{display:none;// hide all the table header for mobile
      border:$header-border;background-color:$header-background-color;color:$header-text-color;padding:1em;&:first-child{// show the first table header for mobile
        display:table-cell;text-align:center;}&:nth-child(2){// show the second table header but replace the content with the data-th from the markup for mobile
        display:table-cell;span{display:none;}&:after{content:attr(data-th);}}@media (min-width:$breakpoint){&:nth-child(2){// hide the data-th and show the normal header for tablet and desktop
          span{display:block;}&:after{display:none;}}}}td{display:block;// display the table data as one block for mobile
      word-wrap:break-word;max-width:7em;&:first-child{display:table-cell;// display the first one as a table cell (radio button) for mobile
        text-align:center;border-right:$cell-border;}@media (min-width:$breakpoint){border:$cell-border;}}th,td{text-align:left;margin:.5em 1em;@media (min-width:$breakpoint){display:table-cell;// show the table as a normal table for tablet and desktop
        padding:1em;}}}}.dwnlcontainer{position:relative;width:100%;}.dwnlimage{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden;}.middle{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;}.dwnlcontainer:hover .image{opacity:0.3;}.dwnlcontainer:hover .middle{opacity:1;}.text{top:50%;left:50%;color:white;}b,strong{font-weight:bold;}.personnel_style{padding:5px;border:1px solid #ccc;width:140px;}.box-content{font-size:15px;font-weight:bold;}.dexp-shortcodes-box h3.box-title{color:#3498DB;}.img_border{padding:5px;border:1px solid #ccc;max-width:300px;}.container{width:1350px;}table{border-collapse:collapse;width:100%;}th,td{text-align:left;padding:8px;}tr:nth-child(even){background-color:#f2f2f2}th{background-color:#4CAF50;color:white;}.parish-footer{background-color:#191919;color:#FFF;font-size:12px;padding:10px 0;font-weight:500;}.view-id-calendar.view-display-id-block_1.view-dom-id-2cbeed319bab29011a4e8c6dc8d063f4{border:1px solid #ccc;padding:5px;background:beige;}