/********** RESET **********/
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; }
main, article, section, aside, nav, header, footer, figure, figcaption, details, hgroup, menu, summary { display: block; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/********** BASE **********/
body{ background: #efefef; font-size:90%; font-family: 'Raleway', sans-serif; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }
h1, .h1{ font-size: 2rem; }
h2, .h2{ font-size: 1.65rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.8rem; }

td, p, li{ font-size:100%; line-height:1.6; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
img{ border:none; }
abbr,acronym { border-bottom:1px dotted #000;cursor:help;}
em { font-style:italic;}
blockquote,ul,ol,dl { margin:1em;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
ol,ul,dl { margin-left:2em;}
ol li { list-style: decimal outside; }
ul li { list-style: disc outside;}
dl dd { margin-left:1em;}
th,td { border:1px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center;}
caption { margin-bottom:.5em;text-align:center;}
p,fieldset,table { margin-bottom:1em; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
*, *:before, *:after { box-sizing: inherit; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; border:none; }

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }

/********** GRID **********/
#quickacces{ display:block; height:1px; width:1px; overflow:hidden; }

.container{ margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }
.container-fluid{  margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }
.row{  display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; ms-flex-wrap: wrap; }
.no-gutters{  margin-left: 0; margin-right: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"]{  padding-left: 0; padding-right: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{  min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; }
.col{ flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
.col-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
.col-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
.col-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
.col-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
.col-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
.col-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
.col-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
.col-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
.col-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
.col-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
.col-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
.col-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
.col-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
.order-first{ ms-flex-order: -1; order: -1; }
.order-1{ ms-flex-order: 1; order: 1; }
.order-2{ ms-flex-order: 2; order: 2; }
.order-3{ ms-flex-order: 3; order: 3; }
.order-4{ ms-flex-order: 4; order: 4; }
.order-5{ ms-flex-order: 5; order: 5; }
.order-6{ ms-flex-order: 6; order: 6; }
.order-7{ ms-flex-order: 7; order: 7; }
.order-8{ ms-flex-order: 8; order: 8; }
.order-9{ ms-flex-order: 9; order: 9; }
.order-10{ ms-flex-order: 10; order: 10; }
.order-11{ ms-flex-order: 11; order: 11; }
.order-12{ ms-flex-order: 12; order: 12; }
.offset-1{ margin-left: 8.333333%; }
.offset-2{ margin-left: 16.666667%; }
.offset-3{ margin-left: 25%; }
.offset-4{ margin-left: 33.333333%; }
.offset-5{ margin-left: 41.666667%; }
.offset-6{ margin-left: 50%; }
.offset-7{ margin-left: 58.333333%; }
.offset-8{ margin-left: 66.666667%; }
.offset-9{ margin-left: 75%; }
.offset-10{ margin-left: 83.333333%; }
.offset-11{ margin-left: 91.666667%; }

.flex-row{ flex-direction: row !important; ms-flex-direction: row !important; }
.flex-column{ flex-direction: column !important; ms-flex-direction: column !important; }
.flex-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
.flex-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
.flex-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
.flex-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
.flex-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
.justify-content-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
.justify-content-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
.justify-content-center{ justify-content: center !important; ms-flex-pack: center !important; }
.justify-content-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
.justify-content-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
.align-items-start{ align-items: flex-start !important; ms-flex-align: start !important; }
.align-items-end{ align-items: flex-end !important; ms-flex-align: end !important; }
.align-items-center{ align-items: center !important; ms-flex-align: center !important; }
.align-items-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
.align-items-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
.align-content-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
.align-content-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
.align-content-center{ align-content: center !important; ms-flex-line-pack: center !important; }
.align-content-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
.align-content-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
.align-content-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
.align-self-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
.align-self-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
.align-self-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
.align-self-center{ align-self: center !important; ms-flex-item-align: center !important; }
.align-self-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
.align-self-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }

/********** Main **********/
html,body { margin:0; padding:0; height:100%;}
body{ font-family: 'Raleway', sans-serif; font-weight:500; font-size:16px; margin:0; padding:0;  min-height:100%; background:#FFF; }

.leesmeer{cursor:pointer; display:block; width:72px; height:22px; }
#quickacces{display:block; height:1px; width:1px; overflow:hidden;}
.clear{height:30px; width:500px; float:left; clear:both;}


/********** Header **********/
header{ background:#FFF; }

#logo img{ max-width:100%; }
/********** Menu **********/

#menu { width:100%; font-size:130%; height:58px; }
#menublock { height:58px; margin:22px 0;}
#menublock li { float: left; list-style:none; line-height:58px; margin:0;}
#menublock li a { padding:0 20px; height:58px; display: block; color: #19294d; text-decoration: none;  border:none; font-size:16px; white-space:nowrap; }
#menublock li a:hover { color:#000;  background:#F1F1F1;}

#menublock li ul { z-index:99999; position: absolute; left: -999em; height: auto;  min-width: 260px; font-weight: normal; list-style: none; margin:0; padding:0; }
#menublock li ul li { float:none; height:35px; line-height:35px; display:block;  clear:both; border-top:1px solid #888;   }
#menublock li ul li a{ display:block;  height:35px; line-height:35px; background:#58585a; color:#FFF; text-decoration:none; text-transform:capitalize; }
#menublock li ul li a:hover{ color:#58585a !important; background:#FFF; }

#menublock li a:hover{ color:#000; }
#menublock li ul a { display:block; }
#menublock li:hover ul, #nav li li:hover ul { display:block; left: auto; }
#menublock li:hover, #nav li.sfhover { background:#F1F1F1; color:#000; }
#menublock li.current_page_item a{ background:#F1F1F1; color:#000; }
#menublock li.current_page_parent a{ background:#F1F1F1; color:#000 !important; }

/********** Content **********/
#contactInfo{ float:right; margin-top:-100px; text-align:right;}
#contactInfo a{ color:#333; font-size:20px; text-decoration:none; line-height:30px;}



h1, h2{ color:#19294d;  font-weight:700; }
p{ color:#000000; }

.holder{ padding:18px 24px 34px 24px; }
.holder h2, .holder p{ color:#FFF;}
.holder h2{ margin-top:16px; font-size:24px;}
.holder p{ font-size:14px; margin-bottom:0; }
.holder a{ color:#FFF; }

.holder .button{ display:block; max-width:max-content; padding:8px 16px; margin:16px auto 0 auto; text-decoration:none;  background:#FFF; color:#19294d; text-transform:uppercase;}

#behandelblok{ padding:32px 0; text-align:center; }
#behandelblok a{ text-decoration:none; }
#behandelblok img{ margin-top:32px; margin-bottom:8px; }
#behandelblok h2{ color:#FFF; font-size:28px; text-align:center; }
#behandelblok h3{ font-size:22px; font-weight:500; color:#FFF; text-align:center; padding:0 32px; }

.ngg-gallery-thumbnail-box{margin-left:120px;}

.clear{clear:both;}

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }
.wp-caption { background: #f1f1f1; border: none; -khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #888; font-size: 12px; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; }
.wp-caption img { margin: 5px; }
.wp-caption p.wp-caption-text { margin: 0 0 4px; }
.wp-smiley { margin: 0; }

input{ width:auto;}

.legenda{border:none !important;}
.legenda td{border:none !important;}

.wpcf7{width:480px; float:left;}
.wpcf7-text{width: 347px; padding: 5px; }
.wpcf7-select{width:347px;}
.wpcf7-textarea{width: 347px; padding: 5px;}
.wpcf7-submit{ width:200px; padding:5px;}

#fancy_outer{z-index:99999 !important;}

.post  { border-bottom:1px solid #CCC; margin-bottom:10px;}
.post h1 {}
.post img{}
.redHeader{display:block; font-size: 16px; color:#cc0000; font-weight:bold; line-height: 1.5em;margin: 0 0 20px 0;}
td{padding:0;}

.credits{ float:right; margin-top: 192px; }
.credits a{ color:#FFF !important; text-decoration:none; }
.credits a:hover{color:#CCC  !important; }

.widget{ margin-bottom:20px;}
.widget .title{display:block; font-size: 24px; font-weight:bold; color:#6b6f79; margin-bottom:10px; }


#blocks{ position:absolute; margin-top: -20px; z-index:9999;}
#blocks .block{ border:1px solid #6b6f79; float:left;  padding:2px; margin:0 20px 0 30px; }
#blocks .block > .link{ height: 112px; border:1px solid #6b6f79; float:left; width:390px; background:#FFF; padding:20px 20px 10px 20px; display:block; text-decoration:none; }

#blocks > a p { line-height:auto !important; }
#blocks #left{  }
#blocks #right{  }

#inschrijven {display:block; width:274px; height:42px; background:url('https://www.tandartspraktijkwijertzuid.nl/wp-content/themes/tandartspraktijkwijertzuid/assets/images/inschrijfsprite.jpg') 0 42px; margin-bottom:20px;}
#inschrijven:hover{ background-position: 0 0; }

#footer{ margin:0 auto; padding:84px 0 200px;  width: 100%; color:#FFF; background:#121a2c url('https://www.tandartspraktijkwijertzuid.nl/wp-content/themes/tandartspraktijkwijertzuid/assets/images/blue-bg-repeat.jpg') repeat; }
#footer span{ line-height:1.8; }
#footer a{ color:#FFF; }

.readmore{ color:#000; float:right;}

#content td{border:none; font-size:12px; color:#000000; padding:3px 5px; border-bottom:1px solid #CCC;  }

/********** SOCIAL SHARING *******/
.social-share{ margin-top:20px;  margin-bottom:20px; padding: 0 10px 5px 10px; }
.social-share strong{ margin-right:8px}
.social-share-link { padding: 4px 8px 6px 8px; color: #FFF !important; font-size: 12px; border-radius: 2px; margin-right: 2px; cursor: pointer; -moz-background-clip: padding;  -webkit-background-clip: padding-box; box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); }
.social-share-link:hover,.social-share-link:active { color: white; }
.social-share-twitter { background: #00aced; }
.social-share-twitter:hover,.social-share-twitter:active { background: #0084b4; }
.social-share-facebook { background: #3B5997; }
.social-share-facebook:hover,.social-share-facebook:active { background: #2d4372; }
.social-share-googleplus { background: #D64937; }
.social-share-googleplus:hover,.social-share-googleplus:active { background: #b53525; }
.social-share-pinterest { background: #bd081c; }
.social-share-pinterest:hover,.social-share-pinterest:active { background: #bd081c; }
.social-share-social { margin: 20px 0px 25px 0px; -webkit-font-smoothing: antialiased; font-size: 12px; }


/* TABLET PORTRAIT */
@media (min-width: 576px){
    .container { max-width: 540px; }
    .col-sm{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-sm-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-sm-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-sm-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-sm-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-sm-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-sm-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-sm-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-sm-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-sm-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-sm-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-sm-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-sm-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-sm-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-sm-first{ ms-flex-order: -1; order: -1; }
    .order-sm-1{ ms-flex-order: 1; order: 1; }
    .order-sm-2{ ms-flex-order: 2; order: 2; }
    .order-sm-3{ ms-flex-order: 3; order: 3; }
    .order-sm-4{ ms-flex-order: 4; order: 4; }
    .order-sm-5{ ms-flex-order: 5; order: 5; }
    .order-sm-6{ ms-flex-order: 6; order: 6; }
    .order-sm-7{ ms-flex-order: 7; order: 7; }
    .order-sm-8{ ms-flex-order: 8; order: 8; }
    .order-sm-9{ ms-flex-order: 9; order: 9; }
    .order-sm-10{ ms-flex-order: 10; order: 10; }
    .order-sm-11{ ms-flex-order: 11; order: 11; }
    .order-sm-12{ ms-flex-order: 12; order: 12; }
    .offset-sm-0{ margin-left: 0; }
    .offset-sm-1{ margin-left: 8.333333%; }
    .offset-sm-2{ margin-left: 16.666667%; }
    .offset-sm-3{ margin-left: 25%; }
    .offset-sm-4{ margin-left: 33.333333%; }
    .offset-sm-5{ margin-left: 41.666667%; }
    .offset-sm-6{ margin-left: 50%; }
    .offset-sm-7{ margin-left: 58.333333%; }
    .offset-sm-8{ margin-left: 66.666667%; }
    .offset-sm-9{ margin-left: 75%; }
    .offset-sm-10{ margin-left: 83.333333%; }
    .offset-sm-11{ margin-left: 91.666667%; }

    .flex-sm-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-sm-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-sm-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-sm-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-sm-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-sm-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-sm-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-sm-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-sm-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-sm-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-sm-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-sm-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-sm-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-sm-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-sm-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-sm-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-sm-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-sm-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-sm-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-sm-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-sm-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-sm-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-sm-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-sm-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-sm-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-sm-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-sm-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-sm-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-sm-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* TABLET LANDSCAPE */
@media (min-width: 768px){
    .container { max-width: 720px; }
    .col-md{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-md-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-md-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-md-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-md-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-md-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-md-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-md-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-md-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-md-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-md-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-md-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-md-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-md-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-md-first{ ms-flex-order: -1; order: -1; }
    .order-md-1{ ms-flex-order: 1; order: 1; }
    .order-md-2{ ms-flex-order: 2; order: 2; }
    .order-md-3{ ms-flex-order: 3; order: 3; }
    .order-md-4{ ms-flex-order: 4; order: 4; }
    .order-md-5{ ms-flex-order: 5; order: 5; }
    .order-md-6{ ms-flex-order: 6; order: 6; }
    .order-md-7{ ms-flex-order: 7; order: 7; }
    .order-md-8{ ms-flex-order: 8; order: 8; }
    .order-md-9{ ms-flex-order: 9; order: 9; }
    .order-md-10{ ms-flex-order: 10; order: 10; }
    .order-md-11{ ms-flex-order: 11; order: 11; }
    .order-md-12{ ms-flex-order: 12; order: 12; }
    .offset-md-0{ margin-left: 0; }
    .offset-md-1{ margin-left: 8.333333%; }
    .offset-md-2{ margin-left: 16.666667%; }
    .offset-md-3{ margin-left: 25%; }
    .offset-md-4{ margin-left: 33.333333%; }
    .offset-md-5{ margin-left: 41.666667%; }
    .offset-md-6{ margin-left: 50%; }
    .offset-md-7{ margin-left: 58.333333%; }
    .offset-md-8{ margin-left: 66.666667%; }
    .offset-md-9{ margin-left: 75%; }
    .offset-md-10{ margin-left: 83.333333%; }
    .offset-md-11{ margin-left: 91.666667%; }

    .flex-md-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-md-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-md-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-md-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-md-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-md-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-md-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-md-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-md-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-md-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-md-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-md-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-md-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-md-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-md-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-md-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-md-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-md-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-md-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-md-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-md-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-md-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-md-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-md-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-md-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-md-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-md-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-md-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-md-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* DESKTOP */
@media (min-width: 992px){
    .container {  max-width: 960px; }
    .col-lg{ flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-lg-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-lg-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-lg-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-lg-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-lg-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-lg-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-lg-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-lg-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-lg-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-lg-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-lg-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-lg-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-lg-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-lg-first{ ms-flex-order: -1; order: -1; }
    .order-lg-1{ ms-flex-order: 1; order: 1; }
    .order-lg-2{ ms-flex-order: 2; order: 2; }
    .order-lg-3{ ms-flex-order: 3; order: 3; }
    .order-lg-4{ ms-flex-order: 4; order: 4; }
    .order-lg-5{ ms-flex-order: 5; order: 5; }
    .order-lg-6{ ms-flex-order: 6; order: 6; }
    .order-lg-7{ ms-flex-order: 7; order: 7; }
    .order-lg-8{ ms-flex-order: 8; order: 8; }
    .order-lg-9{ ms-flex-order: 9; order: 9; }
    .order-lg-10{ ms-flex-order: 10; order: 10; }
    .order-lg-11{ ms-flex-order: 11; order: 11; }
    .order-lg-12{ ms-flex-order: 12; order: 12; }
    .offset-lg-0{ margin-left: 0; }
    .offset-lg-1{ margin-left: 8.333333%; }
    .offset-lg-2{ margin-left: 16.666667%; }
    .offset-lg-3{ margin-left: 25%; }
    .offset-lg-4{ margin-left: 33.333333%; }
    .offset-lg-5{ margin-left: 41.666667%; }
    .offset-lg-6{ margin-left: 50%; }
    .offset-lg-7{ margin-left: 58.333333%; }
    .offset-lg-8{ margin-left: 66.666667%; }
    .offset-lg-9{ margin-left: 75%; }
    .offset-lg-10{ margin-left: 83.333333%; }
    .offset-lg-11{ margin-left: 91.666667%; }

    .flex-lg-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-lg-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-lg-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-lg-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-lg-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-lg-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-lg-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-lg-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-lg-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-lg-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-lg-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-lg-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-lg-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-lg-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-lg-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-lg-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-lg-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-lg-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-lg-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-lg-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-lg-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-lg-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-lg-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-lg-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-lg-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-lg-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-lg-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-lg-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-lg-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* DESKTOP LARGE */
@media (min-width: 1200px){
    .container { max-width: 1140px; }
    .col-xl{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-xl-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-xl-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-xl-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-xl-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-xl-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-xl-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-xl-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-xl-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-xl-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-xl-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-xl-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-xl-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-xl-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-xl-first{ ms-flex-order: -1; order: -1; }
    .order-xl-1{ ms-flex-order: 1; order: 1; }
    .order-xl-2{ ms-flex-order: 2; order: 2; }
    .order-xl-3{ ms-flex-order: 3; order: 3; }
    .order-xl-4{ ms-flex-order: 4; order: 4; }
    .order-xl-5{ ms-flex-order: 5; order: 5; }
    .order-xl-6{ ms-flex-order: 6; order: 6; }
    .order-xl-7{ ms-flex-order: 7; order: 7; }
    .order-xl-8{ ms-flex-order: 8; order: 8; }
    .order-xl-9{ ms-flex-order: 9; order: 9; }
    .order-xl-10{ ms-flex-order: 10; order: 10; }
    .order-xl-11{ ms-flex-order: 11; order: 11; }
    .order-xl-12{ ms-flex-order: 12; order: 12; }
    .offset-xl-0{ margin-left: 0; }
    .offset-xl-1{ margin-left: 8.333333%; }
    .offset-xl-2{ margin-left: 16.666667%; }
    .offset-xl-3{ margin-left: 25%; }
    .offset-xl-4{ margin-left: 33.333333%; }
    .offset-xl-5{ margin-left: 41.666667%; }
    .offset-xl-6{ margin-left: 50%; }
    .offset-xl-7{ margin-left: 58.333333%; }
    .offset-xl-8{ margin-left: 66.666667%; }
    .offset-xl-9{ margin-left: 75%; }
    .offset-xl-10{ margin-left: 83.333333%; }
    .offset-xl-11{ margin-left: 91.666667%; }

    .flex-xl-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-xl-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-xl-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-xl-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-xl-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-xl-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-xl-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-xl-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-xl-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-xl-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-xl-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-xl-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-xl-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-xl-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-xl-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-xl-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-xl-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-xl-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-xl-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-xl-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-xl-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-xl-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-xl-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-xl-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-xl-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-xl-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-xl-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-xl-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-xl-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}


content *[class^="wp-block-"] {    /* put a margin at the bottom of each block */
    margin-bottom:      1.5em;
}
 
/* some helper classes exclusive to Gutenberg for this theme */
 
 
.block-no-vertical-margins {
    margin-top:         0 !important;
    margin-bottom:      0 !important;
}
 
.block-no-bottom-margin {
    margin-bottom:      0 !important;
}
 
.block-1em-vertical-margins {
    margin-top:         1em !important;
    margin-bottom:      1em !important;
}
 
.block-1em-bottom-margin {
    margin-bottom:      1em !important;
}
 
.block-border {
    border:             1px solid #222;
    padding:            0.5em 1.0em;
}
 
.block-border-bottom {
    border-bottom:      1px solid #222;
    padding-bottom:     1.0em;
}
 
.block-no-border { border: none !important;}
 
.block-rounded,
.block-rounded-all{
    border-radius:      8px !important;
    padding:            1.0em 1.5em;
}
 
.block-rounded-top {
    border-top-left-radius:             8px;
    border-top-right-radius:            8px;
    padding-top:                        1.0em;
}
 
.block-rounded-bottom {
    border-bottom-left-radius:          8px;
    border-bottom-right-radius:         8px;
    padding-bottom:                     1.0em;
}
 
.block-rounded-left {
    border-top-left-radius:             8px;
    border-bottom-left-radius:          8px;
    padding-left:                       1.0em;
}
 
.block-rounded-right {
    border-top-right-radius:            8px;
    border-bottom-right-radius:         8px;
    padding-bottom:                     1.0em;
}
 
.block-bg-transparent-gray {
    background-color:           rgba(0,0,0,0.1) !important;     /* !important makes it work in the editor, too */
}
 
 
/* Blockquotes
 * Blockquotes needed a bit of styling to match the theme default.
 **/
blockquote.wp-block-quote {
    background:     rgba(128, 128, 128, 0.1);
    border-width:   0;
    border-left:    4px solid rgba(128, 128, 128, 0.4) !important;
    margin:         1.5em;
    overflow:       auto;
    padding:        1em 1.5em 1em 1.2em;
    width:          90%;
}
 
.wp-block-quote p {
    font-style:     italic;
    font-size:      1em;
    margin:         0;
}
 
 
.wp-block-quote cite {
    border-width:   0;
    color:          inherit;
    display:        block;
    font-style:     normal;
    font-weight:    bold;
    margin-left:    3em;
    margin-top:     .5em;
}
 
 
/* =================== Audio =================== */
 
.wp-block-audio {}
 
/* =================== Block Columns =================== */
.wp-block-columns {
    grid-column-gap: 1.0em;     /* leave spacing between columns */
}
 
.wp-block-columns *[class^="wp-block-"] {   /* use the column gap for spacing */
    margin:         0;
}
 
/* =================== Buttons =================== */
 
.wp-block-button {
    border-radius:  3px;
    line-height:    1.25;
    padding:        .6em 1em;
    text-align:     center;
}
 
.wp-block-button a {
    border:         0;
    font-weight:    bold;
}
 
.wp-block-button:not([style]) a:hover,
.wp-block-button:not([style]) a:focus {
    color:          #fff;
}
 
.wp-block-button.alignwide,
.wp-block-button.alignfull {
    display:        block;
}
 
 
 
/* =================== Categories =================== */
 
 
.wp-block-categories {}
 
.wp-block-categories-list ul,
.wp-block-categories-list li {
    list-style:     none;
    margin:         0;
    padding:        0;
}
 
.wp-block-categories-list li {
    padding:        0.25em 0;
}
 
.wp-block-categories-list li:not(:last-child) {
    border-bottom: 1px dashed rgba(0,0,0,0.2);
}
 
.wp-block-categories-list ul ul {
    padding-left:       2em;
}
 
.wp-block-categories-list ul ul li:last-child {
    padding-bottom:     0;
}
 
.wp-block-categories-dropdown {}
 
 
 
/* =================== Code =================== */
 
/* =================== Preformatted =================== */
 
/* Overrides to match theme */
.wp-block-code,
.wp-block-preformatted {
    background:         rgba(128, 128, 128, 0.1);
    border:             1px solid #aaaaaa;
    border-bottom-color:    #cccccc;
    border-radius:      2px;
    font-family:        'Inconsolata', monospace;
    font-size:          .8em;
    height:             auto;
    margin:             0;
    margin-bottom:      1.5em;
    outline:            none;
    overflow:           auto;
    padding:            6px 10px;
    vertical-align:     middle;
    width:              100%;
    word-wrap:          break-word;
    white-space:        pre-wrap;
}
 
.wp-block-code .blocks-plain-text {
    background:         transparent;
    border:             none !important;
    color:              inherit !important;
    font-family:        inherit!important;
    font-size:          0.8em;
    margin:             0 !important;
    overflow-x:         auto!important;
    padding:            0 !important;
}
 
 
 
/* =================== Cover Images =================== */
 
.wp-block-cover-image {                 /* make them tall */
    min-height:         50vw;
    height:             100%;
}
 
.wp-block-cover-image.has-parallax {    /* this makes a nice looking parallax window */
    min-height:          25vw;
}
 
/*
 * iOS has problems with parallax cover images (unlike Android devices) - they display some
 * random portion of the image that seems to be a dark background with no detail. Yuck!
 * Weaver Xtreme detects iOS devices and defines .is-ios for those devices. This rule
 * changes cover images to scroll instead of fixed which has much nicer display.
 */
.is-ios .wp-block-cover-image.has-parallax {
    background-attachment: scroll;
}
 
 
.wp-block-cover-image.has-background-dim {}
 
#content .wp-block-cover-image.has-parallax {   /* no margin for wide parallax images  */
    margin-bottom:      0;
}
 
/* see more code in the Full Width Section */
 
 
/* =================== Dropcaps =================== */
 
.has-drop-cap {}
 
/* Galleries */
ul.wp-block-gallery,
ul.wp-block-gallery li {
    padding:            0;
}
 
/* Images */
.wp-block-image {}
 
.wp-block-image.aligncenter {
    margin:             0 auto;
}
 
 
@media (max-width: 767px) {
    figure.wp-block-image.alignleft {
        max-width:      50%;                    /* make responsive */
    }
 
    figure.wp-block-image.alignright {
        max-width:      50%;                    /* make responsive */
    }
}
 
figure.wp-block-image.alignleft {
    margin:             .5em 1.0em 1.0em 0;     /* this leaves margins when float-left or float-right */
}
 
figure.wp-block-image.alignright {
    margin:             .5em 0em 1.0em 1.0em;   /* this leaves margins when float-left or float-right */
}
 
figure.wp-block-image.aligncenter {
    margin:             1.0em auto 1.0em auto;  /* this leaves margins when aligncenter */
}
 
figure.wp-block-image {
    margin:             0;                      /* make the default Gutenberg style: no margins */
}
 
#content .wp-block-image figcaption {           /* custom styling for .wp-block-image figcaption - make a bit closer to the image in #content, not editor */
    margin:             -.25em 0 .25em 0;
}
 
 
/* =================== Embed =================== */
 
.wp-block-embed {
    clear:              both;
}
 
*[class^="wp-block-embed-"] {
    clear:              both;
}
 
 
 
/* =================== Latest Posts =================== */
 
.wp-block-latest-posts__post-date {
    color:              inherit;
    margin-bottom:      0;
    opacity:            0.8;
}
 
.wp-block-latest-posts,
.wp-block-latest-posts li {
    list-style:         none;
    margin:             0;
}
 
.wp-block-latest-posts li {
    padding:            0.25em 0;
}
 
#content .wp-block-latest-posts li {
    padding:            0.25em 2em;
}
 
.wp-block-latest-posts li:not(:last-child) {
    border-bottom:      1px dashed rgba(0,0,0,0.2);
}
 
.wp-block-latest-posts.is-grid li {
    border:             0;
}
 
 
/* =================== Pullquotes =================== */
 
.wp-block-pullquote {
    border:             2px dotted rgba(0,0,0,0.25);
    background:         rgba(0,0,0,0.15);
    box-shadow:         0px 0px 0px 10px rgba(0,0,0,0.15);
    color:              inherit;
    padding:            1.5em 0.75em;
}
 
.wp-block-pullquote > p {
    font-family:        inherit;
}
 
.wp-block-pullquote cite {
    color:              inherit;
    opacity:            0.8;
}
 
 
 
/* =================== Separator =================== */
 
.wp-block-separator {
    background-color:   #ccc;
    border:             none;
    box-sizing:         content-box;
    height:             4px;
    margin:             1.0em auto;
    max-width:          90%;
    width:              90%;
}
 
 
/* =================== Tables ===================
 *
 * Overrides to match theme table styling
 *
 */
 
.wp-block-table {
    display:            table;
}
 
.wp-block-table th {
    padding:            4px 4px;
    text-align:         left;
}
 
.wp-block-table td {
    margin:             0;
    padding:            4px 4px;
}
 
 
 
/* =================== Text Columns =================== */
 
@media only screen and ( max-width: 580px ) {   /* for phones */
    .wp-block-text-columns,
    .wp-block-text-columns.aligncenter {
        display:        block;
    }
 
    .wp-block-text-columns.columns-2 .wp-block-column,
    .wp-block-text-columns.columns-3 .wp-block-column,
    .wp-block-text-columns.columns-4 .wp-block-column {
        float:          none;
        margin-left:    0;
        margin-right:   0;
        width:          100%;
    }
}
 
 
 
/* =================== Verse =================== */
 
.wp-block-verse {
    background:         rgba(128, 128, 128, 0.1);
    border:             none;
    border-width:       0;
    border-left:        4px solid rgba(128, 128, 128, 0.4);
    box-shadow:         none;
    font-family:        'Alegreya', serif;
    font-size:          1em;
    font-style:         italic;
    margin:             1.5em;
    padding:            1em 1.5em 1em 1.2em;
    width:              90%;
}
 
 
 
/* =================== Video =================== */
.wp-block-video {}
 
.wp-block-video video,
.wp-block-video iframe {
    max-width:          100%;
}
 
/* =================== Full and Wide =================== */
 
@media screen and (max-width: 767px) {  /* mobile */
    *[class^="wp-block-"].alignleft,
    *[class^="wp-block-"].alignright {
        max-width:      75%;
    }
}
 
.wp-block-cover-image.alignwide,
.wp-block-cover-image.aligncenter {             /* This rule makes the image full width on desktops */
        width:          100%;
        margin-left:    auto;
        margin-right:   auto;
}
 
.wp-block-cover-image.alignright {
    width:              30%;
    margin-left:        1.5em;
}
 
.wp-block-cover-image.alignleft {
    width:              30%;
    margin-right:       1.5em;
}
 
 
/*
 * If you want to extend these to your theme support when Gutenberg is not installed,
 * then they need to be in the theme's main style.css. Here, they support Gutenberg paragraphs.
 *
 */
 
.alignfull,
.alignwide,
.aligncenter {
    clear:              both;
}
 
.wp-block-cover-image {         /* make cover images display more responsively */
    background-position:    center center;
}
 
/*
 * Wide and full make sense only on wide screens, so we wrap it all with the @media.
 * Extending images and areas to full width (beyond the normal content width) requires
 * overflow to be visible, and this can cause problems if there are sidebars being displayed.
 * Weaver Xtreme adds a couple of classes to the <body> so the full and wide width can be extended
 * only on full width pages (.weaverx-sb-one-column and .weaverx-has-sb).
 *
 * Note that editor internally styles wide and full.
 */
@media (min-width: 768px) {
 
    .weaverx-sb-one-column #container, .weaverx-sb-one-column #content, .weaverx-sb-one-column .content-page, .weaverx-sb-one-column .content-single {
        overflow:       visible;
    }   /* need to override Weaver Xtreme's default hidden for fullwidth to show */
 
    .weaverx-has-sb #container, .weaverx-has-sb #content, .weaverx-has-sb .content-page, .weaverx-has-sb .content-single {
        overflow:       hidden;
    }   /* need to override Weaver Xtreme's default hidden for fullwidth to show */
 
 
    /* alignfull images look best all the way to the edge */
 
    .weaverx-sb-one-column .wp-block-cover-image.alignfull,
    .weaverx-sb-one-column .wp-block-gallery.alignfull,
    .weaverx-sb-one-column .wp-block-image.alignfull img {
        margin-left:    calc(50% - 50vw);
        margin-right:   calc(50% - 50vw);
        max-width:      1000%;
        width:          100vw;
    }
 
    /* these are non-image based blocks, and look better with a bit of a left/right margin */
 
    .weaverx-sb-one-column .wp-block-columns.alignfull,
    .weaverx-sb-one-column .wp-block-text-columns.alignfull,
    .weaverx-sb-one-column .wp-block-table.alignfull,
    .weaverx-sb-one-column .wp-block-preformatted.alignfull,
    .weaverx-sb-one-column .wp-block-button.alignfull,
    .weaverx-sb-one-column .wp-block-verse.alignfull,
    .weaverx-sb-one-column .wp-block-latest-posts.alignfull,
    .weaverx-sb-one-column .wp-block-categories.alignfull,
    .weaverx-sb-one-column .wp-block-pullquote.alignfull,
    .weaverx-sb-one-column [class^="wp-block-embed"].alignfull,
    .weaverx-sb-one-column p.alignfull  {
        margin-left:    calc(45% - 45vw) !important;    /* Weaver Xtreme needs this to override theme's native .alignfull */
        margin-right:   calc(45% - 45vw) !important;
        max-width:      1000%;
        width:          auto;
    }
 
    /* As of April, 2018, Safari doesn't really play well with our technique of alignfull,
     * spreading thing out way beyond the left and right edges. So we dynamically define
     * .wvrx-is-safari on body, and use these rules that do work. Images work ok with the default.
     */
 
body,
html {
    width: 100%;
    height: 100%;
}
 
    /* Safari needs its own rules, controlled by classes added by theme dynamic JavaScript for caching */
    .weaverx-sb-one-column.wvrx-is-safari .wp-block-text-columns.alignfull,
    .weaverx-sb-one-column.wvrx-is-safari .wp-block-table.alignfull,
    .weaverx-sb-one-column.wvrx-is-safari .wp-block-preformatted.alignfull,
    .weaverx-sb-one-column.wvrx-is-safari .wp-block-button.alignfull,
    .weaverx-sb-one-column.wvrx-is-safari .wp-block-verse.alignfull,
    .weaverx-sb-one-column.wvrx-is-safari .wp-block-latest-posts.alignfull,
    .weaverx-sb-one-column.wvrx-is-safari .wp-block-categories.alignfull,
    .weaverx-sb-one-column.wvrx-is-safari .wp-block-pullquote.alignfull,
    .weaverx-sb-one-column.wvrx-is-safari [class^="wp-block-embed"].alignfull,
    .weaverx-sb-one-column.wvrx-is-safari p.alignfull {
        margin-left:    calc(33% - 33vw) !important;
        margin-right:   calc(33% - 33vw) !important;
        max-width:      1000% !important;
        width:          auto !important;
    }
 
    /* alignwide is much simpler, and looks good on all browsers with 25% */
 
    .weaverx-sb-one-column .alignwide {
        margin-left:    calc(25% - 25vw);
        margin-right:   calc(25% - 25vw);
        width:          auto;
        max-width:      1000%;
    }
}