html {height:100%;}
body {display:flex;flex-direction:column;min-height:100%;min-width:320px;background:#e8eaed;/*555*/}
svg {transform: translateZ(0);}
a {text-decoration: none;color: #2e5dc5;}

.container {max-width: 1080px; }
.header {margin-top: 6rem;text-align: center; }
/*.docs-header {text-transform: uppercase;font-size: 1.4rem;letter-spacing: .2rem;font-weight: 600; }*/
.docs-section {border-top: 1px solid #eee;padding: 2.5rem 0;margin-bottom: 0;}
/*
.example-grid .column,
.example-grid .columns {background: #eee;text-align: center;font-size: 1rem;text-transform: uppercase;height: 30px;line-height: 30px;margin-bottom: .75rem;letter-spacing: .1rem; }
*/
.example {position: relative; margin-top: 4rem; }

/* Navbar */
.navbar + .docs-section {border-top-width: 0;}
.navbar {display: block;width:100%;min-width:320px;background:#fff;z-index: 99;overflow:hidden;border-bottom: 1px solid #eee;position:fixed;top:0;left:0;border-bottom:1px solid #c3c3c3;box-shadow: 0 0 6px rgba(0,0,0,.18);}
.navbar-list {list-style:none;margin-bottom:0;margin:0 20px;/*float:left;*/overflow:hidden;}
.navbar-item {position:relative;float:left;margin-bottom:0;margin:0 30px 0 0;height:5.5rem;box-sizing:border-box;}
.navbar-list .sel {/*border-bottom:2px solid #1281ca;*/}
.navbar-link {/*font-size:1.5rem;*/text-decoration:none;color:#222;padding:2px 0;}
.navbar-link:hover {border-bottom:2px solid #222}
.navbar-link.active {color:#33C3F0;}

.content{padding-top:7rem;background:#fff;margin-bottom:2rem;min-height: 30rem;}

#content {flex: 1;}
  
#menu {
  display: flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:0 8px;
  /*max-width: 1080px;margin:0 auto;*/
}
#menu > div {
  /*min-width: 200px;*/
  /*border: 2px dashed red;*/
  /*background:gray;*/
  height:5.5rem;
}

#menu button, .pushy-menu button {/*display:block;display: inline-block;*//*background:red;*/line-height:0;/*margin:6px 0;padding:7px;*/margin:0;padding:0;overflow:hidden;vertical-align:middle;cursor:pointer;height:5.5rem;width:4rem;border:0;border-radius:0;-moz-user-select: none;flex: 0 0 auto;}
    
/*svg{display: block;margin:0 auto;}*/
#menu button svg, .pushy-menu button svg {height:24px;width:24px;margin:0 auto;}
/*
.menu-btn{float:left;}
*/
.logo {text-decoration: none;margin-right: 1rem;/*display:inline-block;*/display: flex;align-items:center;flex-direction: row;flex-wrap: nowrap;}
.logo img{margin:0 6px;height:32px;}
.logo:hover img{opacity: 0.7; }
.logo span{color: #222;letter-spacing: -.02em;/*color:#444;font-weight: 600;*/font-size:2rem;/*line-height: 5rem;*//*line-height: 5.4rem;*/}

#frm-search {line-height: 5.5rem;width:100%;margin:0;display:none;}
#frm-search label {position: relative;margin:0 1rem;margin-bottom: 0;}
#frm-search label:before {content: "";position: absolute;left: 8px;top: 1.5rem;width: 24px;height: 24px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 24 22'%3E%3Cpath d='M20.49,19l-5.73-5.73C15.53,12.2,16,10.91,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.41,0,2.7-0.47,3.77-1.24L19,20.49L20.49,19z M5,9.5C5,7.01,7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14S5,11.99,5,9.5z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;}
#frm-search input {padding: 0 34px;font-weight:500;width:100%;margin:0;}

.mn-1{/*clear:none;white-space: nowrap;*/display: flex;/*align-items:center;*/flex-shrink: 0;}

.mn-2{display:none;line-height:5.5rem;/*background:lightyellow;*/}

.mn-3 {display: flex;flex-direction: row-reverse;flex-wrap: nowrap;/*justify-content: start;*/}
.mn-3 > div {/*height: 5.5rem;*//*border: 2px dashed green;*/}

.search-open{display: block;}
.search-close{display: none;}

.show-search .mn-2{display:none;}
.show-search .mn-3{max-width:600px;width:100%;}
.show-search #frm-search {display:block;}
.show-search .search-open{display: none;}
.show-search .search-close{display: block;}
.show-search .logo{display: none;}

.breadcrumbs{padding:0 15px;margin-top:6px;}
.breadcrumbs ol{font-size:1.2rem}
.breadcrumbs li{display:inline;line-height:1.8}
.breadcrumbs li a{text-decoration:none;color:#3d7ea0;}
.breadcrumbs li a:hover {text-decoration:underline;}
.breadcrumbs li span {background:#eff4fa;padding:2px 6px;white-space:nowrap;border-radius: 4px;}
.breadcrumbs li .chevron::after{content:'/';display:inline-block;font-weight:500;margin:0 5px;}

/* Larger than phone */
@media (min-width: 850px) {
  .content {border:1px solid #caccce;box-shadow: 0 0 3px rgba(0,0,0,.15);}
  .example-grid .column, .example-grid .columns {margin-bottom: 1.5rem; }
  /*.docs-section {padding: 6rem 0; }*/
  .mn-2{display:block;width:100%;}
  /*.breadcrumbs ol{font-size:1.4rem}*/
}

@media (min-width: 1000px) {
  .show-search .logo{display: flex;}

}

@media (min-width: 1480px) {
  #menu > div {
    min-width: 200px;
  }
  .mn-2{display:block;width:100%;max-width: 1080px;}
}

/* - article section - */
.post-full-title{margin-top: -1rem;}

.article{font-size:1.5rem;position: relative;}
.article ol, .article ul {padding: 0 0 0 3rem;}
.article a{text-decoration:underline;}
.article a:hover {/*text-decoration:underline;*/}
.article table {margin:1em auto}
.article em.tet{background:#EAEAEA;}
.article .recommended_top {border:6px solid #bfcada;border-width:0 0 0 6px;background-color:#f9f9f9;padding:1rem;margin-bottom: 2.5rem;clear:both;}

.entry-copy{}

.social-buttons {}
.social-buttons a {border-radius: 50%;background-color: #fff;/*#f5f5f5*/display: inline-block;width: 40px;height: 40px;margin-bottom: 6px;padding: 8px;}
.social-buttons a svg {width: 24px;height: 24px;display: block;fill: #888;}
.social-buttons a:hover svg {fill: #222;}

/*
@media (min-width: 550px) {
  .social-buttons {position:absolute;top:0;margin: 0 0 0 -6.2rem;}
  .social-buttons a {display: block;}
  .entry-copy{padding: 0 0 0 6.2rem;}
}
*/

.right-panel {/*background: #eee;*/border-radius: 4px;box-sizing:border-box;margin-top:5px;}

.o-title {display:block;font-size:2.0rem;padding-bottom:1rem;}
.o-title::before {content:'';display:block;width:30px;border-color:#000;border-top:3px solid #000;}

.entry-list {padding:0;list-style:none;/*margin:10px 0;*//*font-family: Helvetica, Arial, sans-serif;*/}
.entry-list li {position:relative;width: 100%;/*max-width: 400px;*//*300px*//*display: inline-block;margin: 10px 0;*/margin-bottom: 10px;/*background:#aaa;*/}
.entry-list .entry-permalink {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:block;}
.entry-list .entry-summary, .entry-list .entry-thumbnail {float:left;}
.entry-list .entry-thumbnail {float:left;height:auto;margin:0;/*min-width: 8.5rem;*/max-width: 100px;width:28.33333333%;}
.entry-list .entry-thumbnail a{position:relative;display:block;overflow:hidden;}
.entry-list .entry-thumbnail img{width:100%;max-width:300px;height:70px;background:#f4f4f4 no-repeat 50%;-o-object-fit:cover;object-fit:cover}
.entry-list .entry-summary {padding-left:1.5rem;width:71.66666667%;}
.entry-list .entry-title {line-height:1.4;font-size: 1.5rem;/*font-size:1.3rem;*/font-weight:600;}
.entry-title a {color: #262626;}
.entry-list li:hover .entry-thumbnail img{opacity: 0.7; }
.entry-list li:hover .entry-title a {text-decoration:underline;color:#2e5dc5}
.entry-list .entry-meta, .entry-list .entry-title {display: block;}
.entry-list .entry-meta {margin-top: 5px;margin-top: .5rem;}
.entry-meta {font-size: 1.2rem;}
.entry-meta, .entry-meta a {color: #b3b3b3;}

.byline{flex-grow:1;display:flex;align-items:flex-start;margin:9px 0}
.byline-list{display:flex;flex-wrap:wrap;margin:0 0 0 4px;padding:0 12px 0 0;list-style:none;/*justify-content:flex-start;*/}
.byline-list .author-avatar{display:block;overflow:hidden;margin:0 -4px;width:32px;height:32px;border:2px solid #fff;border-radius:100%;}
.byline-list .author-avatar img{display:block;width:100%;height:100%;background:#e3e9ed;border-radius:100%;-o-object-fit:cover;object-fit:cover}
.byline-meta{margin:2px 0 0;color:#92a3ab;font-size:1.1rem;line-height:1.2em;/*letter-spacing:.2px;*//*text-transform:uppercase*/}
.byline-meta .author-name{color:#2b2f36;margin:0px;font-size:1.2rem;line-height:1.4em;/*letter-spacing:.2px;*/}
/*.byline-meta .author-name a{color:#2b2f36;text-decoration:none}*/
.byline-meta .bull{display:inline-block;margin:0 4px;opacity:.7}

@media (min-width:550px){
  .byline-list .author-avatar{width:40px;height:40px;}
  .byline-meta .author-name{margin:2px 0 2px;}
  .byline-meta{font-size:1.2rem;}
}

/* - list of articles - */

.pcards {position: relative;width: 90%;max-width: 960px;margin: 2rem auto;box-sizing: border-box;}
.pcards .card {padding:15px 0;width: 100%;float: left;box-sizing: border-box;}
.pcards .card:first-child {margin-left: 0;}

@media (min-width: 400px) {
  .pcards .card {width:48%;margin-left:4%;}
  .pcards .card:last-child{width:100% !important;margin-left: 0 !important;}
}

@media (min-width: 850px) {
  .pcards .card {width: 30.6666666667%;}
  .pcards .card:last-child{width:30.6666666667% !important;margin-left:4% !important;}
  .entry-list .entry-title {font-size:1.4rem;font-weight:500;}
}

.pcards .card-image-link{position:relative;display:block;overflow:hidden;}
.pcards .card-image{width:100%;max-width:300px;height:180px;background:#f4f4f4 no-repeat 50%;-o-object-fit:cover;object-fit:cover}
.pcards .card-header{margin:.8em 0 0}
.pcards .card-content-link{/*position:relative;display:block;*/color:#222;text-decoration:none;}
.pcards .card-primary-tag{margin:0 0 .2em;color: #888;font-size:1.2rem;font-weight:500;letter-spacing:.2px;text-transform:uppercase}
.pcards .card-title{margin:0 0 .4em;line-height:1.15em;}
.pcards .card-content{flex-grow:1;display:flex;flex-direction:column}
.pcards .card-excerpt p{margin-bottom:.8em;line-height:1.4}
.pcards .card-meta{display:flex;align-items:flex-start;padding:0}

/* - footer section - */
#footer {background-color:#fff;padding: 15px;}
#footer a{/*position: relative;*/margin: 0 0 0 15px;color:#222;}

/* - error page - */
.error-message {padding: 4rem 0;border-bottom: 1px solid #e3e9ed;text-align: center;}
.error-message .title {font-size: 20px;text-transform: uppercase;letter-spacing: .04em;}
.error-message .separator {height: 3px;width: 50px;background: #1a73e8;margin: 30px auto;}
.error-message .text {/*font-size: 18px;font-weight: 400;max-width: 420px;*/margin: auto;margin-bottom: auto;margin-bottom: 20px;}

/* - search page - */
.results {padding:0;margin:2rem auto;max-width:700px;}
.results .heading {/*line-height: 2rem;*/margin-bottom: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:1.8rem;}
.results ul {list-style: none;/*margin: 0;outline: 0;padding: 0;*/}
.results li {padding:0;margin-bottom: .25rem;}
.results .item {display: block;padding: 1rem 0 0 0;/*padding-left:4rem;*/position: relative;}
.results .item > svg {fill: #1a73e8;height: 24px;left: 0;position: absolute;top: 1.2rem;width: 24px;}
.results .item .title {line-height: 1.6rem;color: #1a73e8;overflow: hidden;text-decoration: none;font-size: 1.6rem;}
.results .item .title:hover {text-decoration:underline;}
.results .item .subtitle {color: #888;line-height: 1.5rem;margin: .18rem 0;font-size: 1.2rem;}
.results .item .snippet {/*color: #80868b;*/line-height: 2rem;margin: 0;overflow: hidden;padding-bottom:1rem;border-bottom:1px solid #ddd}
/*.results .item b{color: #000;background-color: #ffe87c;padding: 0 .1em;}*/
.results .noresults p{margin-bottom:5px}
.results .noresults ul{list-style-type:disc;padding-left: 1.5em;padding-right: 0;}
.after-results{margin:2rem auto;max-width:700px;padding-bottom:2rem;}
.after-results button{border: 1px solid #dadce0;display:block;color: #1a73e8;font-weight: 500;margin: 0 auto;outline: none;}

.vmh{border:1px solid #ff80ff;background:#ff80ff;padding:3px;text-align:center;font-weight:bold;color:#ff80ff;height:30px;clear:both;}
.youtube{position:relative;width:100%;height:0;padding-bottom: 56.25%;margin-bottom:2rem;clear:both;}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* -------------------------------------------------------------------------------------------------------------- */
/*! Pushy - v1.3.0 */
.pushy {position: fixed;width: 270px;height: 100%;top: 0;z-index: 9999;background: #fff;overflow: auto;-webkit-overflow-scrolling: touch;}

.pushy a {display: block;text-decoration: none;}
.pushy a:hover {background:#f7f7f7;}
.pushy a.sel {background:#f1f3f8;}
.pushy ul {list-style:none;}
.pushy ul ul {margin: 0;/*font-size: 100%;*/}
.pushy li {margin-bottom: 0;}
.pushy ul:first-child {margin-top: 10px;}
.pushy.pushy-left {left: 0;}
.pushy.pushy-right {right: 0;}

.pushy-menu {display: block;width:100%;height:5.5rem;padding:0 8px;box-sizing:border-box;/*background:transparent;*/position:fixed;top:0;left:0;border-bottom:1px solid #d3d3d3;display: flex;align-items:center;}

.pushy-content {visibility:hidden;padding-top:7rem;padding-left: 0;}
.pushy-content a, .pushy-content button {color:#222;padding: 8px 20px;height: auto;font-size: 1.4rem;font-weight:500;line-height:1.6;letter-spacing:0;text-transform:none;/*border-radius: 0;border-radius: 100px 0 0 100px;*/}

/* Menu Movement */
.pushy-left {-webkit-transform: translate3d(-270px, 0, 0);-ms-transform: translate3d(-270px, 0, 0);transform: translate3d(-270px, 0, 0);}
.pushy-right {-webkit-transform: translate3d(270px, 0, 0);-ms-transform: translate3d(270px, 0, 0);transform: translate3d(270px, 0, 0);}
.pushy-open-left #container, .pushy-open-left .push {-webkit-transform: translate3d(270px, 0, 0);-ms-transform: translate3d(270px, 0, 0);transform: translate3d(270px, 0, 0);}
.pushy-open-right #container, .pushy-open-right .push {-webkit-transform: translate3d(-270px, 0, 0);-ms-transform: translate3d(-270px, 0, 0);transform: translate3d(-270px, 0, 0);}
.pushy-open-left .pushy, .pushy-open-right .pushy {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.pushy-open-left .pushy-content, .pushy-open-right .pushy-content {visibility: visible;}

/* Menu Transitions */
#container, .pushy, .push {transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}
.pushy-content {transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}

/* Site Overlay */
.site-overlay {display: none;}
.pushy-open-left .site-overlay, .pushy-open-right .site-overlay {display: block;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9998;background-color: rgba(0, 0, 0, 0.5);-webkit-animation: fade 500ms;animation: fade 500ms;}

@keyframes fade {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-webkit-keyframes fade {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* Submenu Appearance */
.pushy-submenu {overflow:hidden;}
.pushy-submenu > ul {/*padding-left: 15px;*/transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;}
.pushy-submenu > ul .pushy-link {transition: opacity 0.2s ease-in-out;}
.pushy-submenu button {width: 100%;text-align: left;background: transparent;border: 0;margin:0;position: relative;}
.pushy-submenu button:hover {background:#f7f7f7;}
.pushy-submenu button.sel {background:#f1f3f8;}
.pushy-submenu button::after {
  content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;right: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.9' height='10.9' viewBox='0 0 7.9 10.9'%3E%3Cpath id='arrow' data-name='arrow' d='M8,5.5L1.9,11,0.1,9.4,4.4,5.6,0.1,1.8,2,0.1,8,5.5' transform='translate(-0.1 -0.1)' fill='%23bbb'/%3E%3C/svg%3E") no-repeat;
  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);transition: transform 0.2s;
}
.pushy-submenu a {}
.pushy-submenu > ul a {padding-left:35px}

/* Submenu Movement */
.pushy-submenu-closed > ul {max-height: 0;overflow: hidden;visibility: hidden;}
.pushy-submenu-closed .pushy-link {opacity: 0;}

.pushy-submenu-open {}
.pushy-submenu-open > ul {max-height: 1000px;visibility: visible;}
.pushy-submenu-open .pushy-link {opacity: 1;}
.pushy-submenu-open button {font-weight: 600;}
.pushy-submenu-open button::after {-webkit-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}

/*# sourceMappingURL=pushy.css.map */
/* -------------------------------------------------------------------------------------------------------------- */

.icards {position: relative;/*padding:0 2rem;*/width: 100%;/*max-width: 960px;*/margin: 1rem auto;box-sizing: border-box;}
.icards .card {padding:15px 0;width: 100%;float: left;box-sizing: border-box;/*background:#eee;*/}
.icards .card:first-child {margin-left: 0;}

@media (min-width: 500px) {
  .icards .card {width:48%;margin-left:4%;}
  .icards .card:last-child{width:100% !important;margin-left: 0 !important;}
}

@media (min-width: 1000px) {
  .icards .card {width: 30.6666666667%;}
  .icards .card:last-child{width:30.6666666667% !important;margin-left:4% !important;}
}

.icards .card-image-link{position:relative;display:block;overflow:hidden;}
.icards .card-image{width:100%;max-width:400px;height:180px;background:#f4f4f4 no-repeat 50%;-o-object-fit:cover;object-fit:cover}
.icards .card-header{margin:.8em 0 0}
.icards .card-content-link{/*position:relative;display:block;*/color:#222;text-decoration:none;}
.icards .card-primary-tag{margin:0 0 .2em;color: #888;font-size:1.2rem;font-weight:500;letter-spacing:.2px;text-transform:uppercase}
.icards .card-title{margin:0 0 .4em;line-height:1.15em;}
.icards .card-content{flex-grow:1;display:flex;flex-direction:column}
.icards .card-excerpt p{margin-bottom:.8em}
.icards .card-meta{display:flex;align-items:flex-start;padding:0}

.discover-topics {padding: 5rem 0;text-align: center;max-width:800px;margin:20px auto;}
.discover-topics ul{/*font-size:1.6rem;*/list-style:none;overflow: auto;margin-top:6px;}
.discover-topics li{display: inline-block;margin:0.4rem;}
.discover-topics li a{text-decoration:none;color:#3d7ea0;background:#eff4fa;padding:3px 7px;white-space:nowrap;border-radius: 4px;}
.discover-topics li a:hover {text-decoration:underline;}

.im{}
.im.iright{clear: right;float: right;padding-left: 3%;padding-top:5px;margin:0 0 .5em;display: block;width:57%;}
.im.icenter{clear: both;float: none;vertical-align: bottom;width:100%;margin:1.5em auto;margin-top:0.5em;}
.im img{max-width: 100%;height: auto;display: inline-block;}
/*.im .figcaption{color:#65605e;font-size:0.8em;border-left:3px solid #e5e5e5;padding:0 1em;margin:.5em 0;line-height: 19px;}*/
.im .figcaption{color:#999;font-size:0.9em;border-bottom:1px solid #e5e5e5;padding:0 0 .7em;margin:0 0;line-height: 1.4em;}

.theme-recipetip {clear:both;background-color:#edf2f7;border-left:4px solid #cbd5e0;margin:1em 0;padding:1em 1em 0.5em 1em}
.theme-recipetip h3{background:url('dh-kb-note-icon.svg') no-repeat;padding-left:4rem;margin-bottom:0.5em;}
.theme-warning {clear:both;background-color:#fffff0;border-left:4px solid #f6e05e;margin:1em 0;padding:1em 1em 0.5em 1em}
.theme-warning h3{background:url('dh-kb-important-icon.svg') no-repeat;padding-left:4rem;margin-bottom:0.5em;}

.mtc-table_table{border-collapse: collapse;margin:1em 0;}
.mtc-table_table td, .mtc-table_table th {border: 1px solid #999;padding: 0.5rem;text-align: left;}

.feature_lnk, .mtc-featuredlink{margin:1em 0}

.comparison-list .complist{display:inline-block;vertical-align:top;/*border-right:2px solid #000;*/}
.comparison-list .complist:first-child {margin-right:20px;}

.ordered-list_list{list-style: none;white-space: nowrap;padding-left:0 !important;margin-right:3rem;}
.jcnt{display:inline-block;vertical-align:top;margin-right:3px;font-size:2.0rem;color:#99adc4;line-height: 1.35;}
.ordered-list_content{display:inline-block;white-space:normal;}

.how-to-meta_info-list{float:left;width:50%}
.materials-group{float:left;width:50%}

.mntl-block, .loc{display:block;clear:both;}
.mntl-block:after, .loc:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 

#techinfo{position:fixed;left:0;top:70px;padding:6px;font-size:0.8em;color:#000;/*background:#fff;border:1px solid #bbb;border-left:0;width:300px;*/}
#techinfo b{display:inline-block;width:100px}

/* -------------------------------------------------------------------------------------------------------------- */

.ccrds {position:relative;margin-bottom:10px;}
.ccrds .entry-permalink {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:block;}
.ccrds .entry-permalink:hover~.entry-thumbnail a{  transform: scale(1.1);opacity: 0.8;}
.ccrds .entry-thumbnail {/*height:auto;float:none;max-width: none;width:auto;*/line-height:0;overflow:hidden;background: #111;height:280px;}
.ccrds .entry-thumbnail a{position:relative;display:block;overflow:hidden;transition: transform 0.3s ease, opacity 0.3s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;transition-timing-function: ease, ease;}
.ccrds .entry-thumbnail a:hover{  transform: scale(1.1);opacity: 0.8;}
.ccrds .entry-thumbnail a:last-child::before {bottom: 0;content: "";display: block;height: 80%;width: 100%;position: absolute;z-index: 1;background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%);}
.ccrds .entry-thumbnail img{/*max-width:640px;*/height:280px;width:100%;background:#f4f4f4 no-repeat 50%;-o-object-fit:cover;object-fit:cover;}
.ccrds .entry-title {display: block;overflow: hidden;text-decoration: none;font-size:2.2rem;margin-bottom: 0.8rem;line-height: 1.2;}
.ccrds .entry-meta{display: block;}
.ccrds .entry-summary {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;left: 0;right: 0;bottom: 0;padding: 10px 15px;background: #000;background: rgba(0,0,0, .3);}
.ccrds .entry-summary a{color:#fff;}
.five .ccrds .entry-thumbnail {height:145px;}
.five .ccrds .entry-thumbnail img{height:145px;}
.five .ccrds .entry-title {font-size:1.6rem;margin-bottom:0.4rem;}

.bcrds{position:relative;margin-bottom: 1.6rem;border-bottom:1px solid rgba(0,0,0,.15);min-height:10rem}
.bcrds .entry-permalink {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:block;}
.bcrds .entry-permalink:hover~.entry-summary>.entry-title a{text-decoration:underline;color:#2e5dc5}
.bcrds .entry-permalink:hover~.entry-thumbnail img{opacity: 0.8;}
.bcrds .entry-thumbnail {float:left;height:auto;max-width: 120px;width:28.33333333%;}
.bcrds .entry-thumbnail a{position:relative;display:block;overflow:hidden;}
.bcrds .entry-thumbnail img{max-width:300px;height:80px;width:100%;background:#f4f4f4 no-repeat 50%;-o-object-fit:cover;object-fit:cover}
.bcrds .entry-summary {float:left;padding:0 1.5rem 0.6rem 1.5rem;width:71.66666667%;}
.bcrds .entry-title {display: block;overflow: hidden;text-decoration: none;font-size: 1.6rem;font-weight:600;margin-bottom: 1rem;}
.bcrds .entry-title a:hover {text-decoration:underline;}
.bcrds .entry-meta {display: block;line-height:1;margin-bottom:0.5rem}
.bcrds .entry-meta-c {text-transform:uppercase;}
.bcrds .entry-meta-a {}
.bcrds .snippet {line-height: 1.8rem;margin: 4px 0 8px;overflow: hidden;color: grey;font-size: 1.2rem;}

.ecrds{position:relative;margin-bottom: 1.5rem;border-bottom:1px solid rgba(0,0,0,.15);min-height:10rem;width:100%;float:left;box-sizing:border-box;}
.ecrds:last-child{border-bottom:0}
.ecrds .entry-permalink {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:block;}
.ecrds .entry-permalink:hover~.entry-summary>.entry-title a{text-decoration:underline;color:#2e5dc5}
.ecrds .entry-permalink:hover~.entry-thumbnail img{opacity: 0.8;}
.ecrds .entry-thumbnail {float:left;height:auto;max-width: 120px;width:28.33333333%;}
.ecrds .entry-thumbnail a{position:relative;display:block;overflow:hidden;}
.ecrds .entry-thumbnail img{max-width:300px;height:80px;width:100%;background:#f4f4f4 no-repeat 50%;-o-object-fit:cover;object-fit:cover}
.ecrds .entry-summary {float:left;padding:0 1.5rem 0.6rem 1.5rem;width:71.66666667%;}
.ecrds .entry-title {display: block;overflow: hidden;text-decoration: none;font-size: 1.6rem;font-weight:600;margin-bottom: 1rem;}
.ecrds .entry-title a:hover {text-decoration:underline;}
.ecrds .entry-meta {display: block;line-height:1;margin-bottom:0.5rem}
.ecrds .entry-meta-c {text-transform:uppercase;}
.ecrds .entry-meta-a {}
.ecrds .snippet {line-height: 1.8rem;margin: 4px 0 8px;overflow: hidden;color: grey;font-size: 1.2rem;}

@media (min-width: 550px) {
  .seven .ccrds .entry-thumbnail {height:340px;}
  .seven .ccrds .entry-thumbnail img{height:340px;}
  .five .ccrds .entry-thumbnail {height:165px;}
  .five .ccrds .entry-thumbnail img{height:165px;}
}
@media (min-width: 850px) {
  .ctiles .columns {margin-left: 1%;}
  .ctiles .columns:first-child {margin-left: 0;}
  .ctiles .seven.columns {width: 59.6666666667%;}
  .bcrds{border:0;-webkit-box-shadow: 0 0 2px rgba(102, 102, 102, 0.4);box-shadow: 0 0 2px rgba(102, 102, 102, 0.4);margin-bottom: 2rem;min-height:31rem}
  /*.bcrds{-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.15);box-shadow: 0 2px 6px rgba(0,0,0,.15);border: 1px solid rgba(0,0,0,.15);}*/
  .bcrds .entry-thumbnail{float:none !important;max-width: none;width:auto;}
  .bcrds .entry-thumbnail img{max-width:400px;height:170px;}
  .bcrds .entry-summary {float:none !important;padding:1rem 2rem;width:auto;}
  .bcrds .entry-title {font-size: 1.8rem;font-weight:500;}
  .bcrds .entry-meta {margin-bottom:0.6rem}
  .bcrds .snippet {line-height: 2rem;margin: 8px 0 12px;font-size: 1.4rem;}
  .ecrds .entry-title {font-size: 1.8rem;}
}

.ehdr {margin:2rem 0 3rem 0;}
.ehdr h4 {text-align: center;font-size: 2.2rem;line-height: 1;}
.ehdr h4::after {content: "";display: block;width: 50px;height: 3px;margin: 10px auto;background: #1a73e8;/*f8e71c*/}

.ad{text-align:center;padding:1rem 0;color:#bbb;font-size:1.8rem;border: 2px solid #ccc;margin:0 auto;width:8rem;border-radius: 4px;}
.sbscr{border:0;-webkit-box-shadow: 0 0 2px rgba(102, 102, 102, 0.4);box-shadow: 0 0 2px rgba(102, 102, 102, 0.4);padding:2rem;margin:2rem 0;font-size: 2.0rem;font-weight:bold;text-align:center;}
.sbscr div{display:inline-block;margin-bottom:0.5rem;}
.sbscr button{border: 1px solid #dadce0;color: #1a73e8;margin: 0.5rem 3rem;outline: none;height: 42px;font-size:1.6rem;font-weight: 500;}
.sbscr button:hover{border: 1px solid #1a73e8;color: #fff;background:#1a73e8}

/* -------------------------------------------------------------------------------------------------------------- */

.announce{border-width:1px 0;padding:.4em 1rem;margin:0 15px;margin-bottom:2rem;background-color:#fffff0;border-left:4px solid #f6e05e;font-size: 1.5rem;}
.announce a{color:#222;text-decoration:underline;}
.announce span{background:#fbf5c8;padding: .1em;margin-right:1rem;font-weight:bold;text-transform: uppercase;}

#cookieBar{left:0;right:0;bottom:0;margin:0;position: fixed;width:100%;z-index:99;padding:7px 0px;visibility:hidden;color:#222;background:#f8f9fa;border-top:1px solid #c3c3c3;box-shadow:0 0 6px rgba(0,0,0,.18);}
#cookieBar.cookie-show {visibility:visible;}
#cookieBar .cookieBarInner{align-items:center;display:flex;max-width:1000px;padding:0 15px}
#cookieBar .cookieBarText{font-size:1.2rem;}
#cookieBar .cookieBarButton{margin:0 15px;}
#cookieBar #cookieBar_ok{padding: .5rem 1.6rem;font-size:1.2rem;margin:0;height:auto;line-height:2rem;}




