@font-face {
    font-family: 'TendernessRegular';
    src: url('fonts/Tenderness-webfont.eot');
    src: url('fonts/Tenderness-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Tenderness-webfont.woff') format('woff'),
         url('fonts/Tenderness-webfont.ttf') format('truetype'),
         url('fonts/Tenderness-webfont.svg#TendernessRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
/*====================Custom Reset=======================*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

img {
  max-width: 100%;
  height: auto;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

/*====================typography=======================*/
body {
color: #947d61;
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size: 90%;
line-height: 1.6em;
}

a,a:visited,a:active {
color: #947d61;
font-weight: normal;
}
a:hover, a.current {
color: #6c64bd;
text-decoration: underline;
}

h1 a,h2 a,h3 a {
text-decoration: none;
}

h1,h2,h3,h4,h5{ margin:0 0px 5px 0px; padding:25px 0 4px 0px;line-height: 1.2em;font-weight: normal;}
h1{ font-size: 1.8em;}
h2{ font-size:1.6em;}
h2.blue {margin-top:35px;padding-bottom:8px}
h3{ font-size: 1.4em;}
h4{ font-size: 1.2em;}
h5{ font-size: 1.1em;}
p{ padding:0px; margin:10px 0px; letter-spacing: 0.05em; line-height: 1.6em;}

h1.fontface, h1.logo {font: 42px/50px 'TendernessRegular', Arial, sans-serif;text-transform: uppercase; letter-spacing: 0;}

h1.fontface.pageheader {
  padding: 40px 0;
}

h1.logo {display: inline-block; width: 80%; text-align: left; vertical-align: top;font-size: 2.5em; margin: 0; padding-top: 5px; line-height: 1em;}

h1.fontface a, h1.logo a {color:#947d61;}

h1.fontface a:hover, h1.logo a:hover, h1.question a:hover {text-decoration: none;border-bottom: solid 1px #6c64bd;color: #6c64bd;}

h1.question {margin: 40px auto; padding: 30px 0 20px 0;font-size: 3.7em; font-family: 'TendernessRegular', Arial, sans-serif;line-height:1em;text-transform: uppercase;background: rgb(217,213,206);
background: linear-gradient(90deg, rgba(217,213,206,1) 0%, rgba(234,232,229,1) 49%, rgba(217,213,206,1) 100%);}

h3.ccm-page-list-title a {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 0.975em;
}

.fontface {font-family:'TendernessRegular', Arial, sans-serif;letter-spacing: 0;}

body#home #wrapper #container section .content p {
  margin: 0 auto;
  padding: 40px 0;
}
p {text-align: left;color:#55432c;font-size: 1.2em;max-width: 800px;}

body#organ aside p {
  padding-bottom: 25px;
}

body#home #wrapper #container section p.down {text-align: center; width: 50px;padding: 20px 0;}

#content h4.guestBook-title, #subcontent h4.guestBook-title {
margin-top:30px;
border: none;
}

/*====================Layout=======================*/
html {
margin: 0;
padding: 0;
height: 100%;
}

body {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
height: 100%;
background: #d9d5ce;
}

#wrapper{
position: relative;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
/*background: #f4f3f2 url(images/bodybg.gif) top center repeat-y;*/
background: #d9d5ce url(images/contbg.gif) top center no-repeat;
}

#awning {
margin: 0;
padding: 0;
width: 100%;
height: 5px;
background: rgb(182,169,151);
background: linear-gradient(90deg, rgba(182,169,151,1) 0%, rgba(139,117,86,1) 25%, rgba(147,127,99,1) 75%, rgba(182,169,151,1) 100%);
box-shadow: 0px 0px 8px #b6a997;
-webkit-box-shadow: 0px -0px 8px #b6a997;
}

#container{
margin: 0 auto;
min-height: 100%;		/* Min height for modern Browser */
height: auto !important;	/* !important-Rule for modern Browser */
height: 100%;			/* Min height for IE (<7) */
}

header, section, footer {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.content {
  margin: 0 auto;
  width: 100%;
  padding: 2em;
  max-width: 1270px;
}

header {
color:#c6bdb1;
}

.mobilemenu {
text-decoration: none;
text-align: center;
margin: 0 auto;
padding: 0;
display: inline-block;
cursor: pointer;
width: 60px;
/*border: 1px solid #6c64bd;
background: #c6bdb1;*/
}

.mobilemenu span.word {
display: none;
}

.mobilemenu span.icon-bar {
    background-color: #6c64bd;
}
.mobilemenu span.icon-bar {
    display: block;
    margin: 8px auto;
    width: 30px;
    height: 3px;
}

/*Hide checkbox*/
input[type=checkbox]#mobilemenu {
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]#mobilemenu:checked~.menu{
    display: block;
}

.menu {
  margin: 0 -2em -2em -2em;
  padding: 30px 0;
  display: none;
  background: rgb(182,169,151);
  background: linear-gradient(180deg, rgba(182,169,151,0) 0%, rgba(198,189,177,1) 100%);
}

header ul.nav {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}

header ul.nav li {
margin: 0;
padding: 0;
}

header ul.nav li a {
display: block;
margin: 0;
padding: 5px 0;
outline: 0;
text-transform: uppercase;
text-decoration: none;
font-size: 1.2em;
}

header ul.nav li a:hover, header ul.nav li a.current {
color: #6c64bd;
text-decoration: underline;
}

header ul li ul {
position: absolute;
margin: 0;
padding: 5px 0;
list-style: none;
width: 10em;
left: -999em;
}

header ul li:hover ul {
left: auto;
}

#hero {
  background-image: url(images/mobilehdr.png);
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 250px;
}

#clitorisbg {
position: relative;
margin: 0 auto;
padding: 0 0 40px 0;
max-width: 1270px;
text-align: left;
background: url(images/schirmerclitbg.gif) top center no-repeat;
}

article, aside {
  text-align: left;
}

article img, aside img, .gallery img {
  padding: 10px 0;
}

aside ul, article ul {
list-style: none;
margin: 0 0 12px 0px;
padding: 0;
font-size: 1em;
}

aside ul li, article ul li {
margin: 0;
padding: 0;
}

aside ol, article ol {
margin: 0 0 12px 20px;
padding: 0;
font-size: 1em;
}

footer {
  margin-top: 60px;
  background-color: #cac2b6;
}

footer a {margin: 0; padding: 5px;}

footer p {
margin: 30px auto;
text-align: center;
font-size: 0.9em;
color: #947d61;
}

footer ul {
list-style: none;
margin: 30px auto;
padding: 0;
text-align: center;
width: 100%;
}

footer ul li {
display: inline-block;
margin: 0 10px;
padding: 0;
}

footer ul li a{
text-transform: uppercase;
text-decoration: none;
color:#55432c;
}

footer ul li a:hover{
color: #6c64bd;
text-decoration: underline;
}

/*====================Icons========================*/

.share a, svg {
    display: block;
}

.share ul li a {
    position: relative;
    height: 60px;
    width: 60px;
    color:#55432c;
}
.share ul li a svg {
    height: 100%;
    width: 100%;
    fill: #55432c;
}

#clitnav {
position: relative;
margin: 0;
padding: 0;
width: 900px;
text-align: left;
}

#clitnav ul {
list-style: none;
margin: 20px;
padding: 0;
}

#clitnav ul li {
margin: 5px;
padding: 0;
}

#clitnav ul li a{
margin: 0;
padding: 5px;
font: 1.4em 'TendernessRegular', Arial, sans-serif;
text-decoration: none;
}

#clitnav ul li a:hover{
text-decoration: underline;
}

#clitnav ul li a:before{
content: "\00BB  ";
}

/**Image Gallery**/
.video {
   position:relative;
    overflow:hidden;
    margin: 20px 0 20px 0;
    padding-bottom:56.25%;
    height:0;
}
.video iframe{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
}

@media screen and (min-width: 420px){
  #hero {
    min-height: 275px;
    width: 100%;
  }
}

@media screen and (min-width: 600px){
  #hero {
    min-height: 375px;
    width: 100%;
  }
}

@media screen and (min-width: 760px){
  header .content {
    width: 100%;
    max-width: 1500px;
    padding: 1.2em 2em 1em 2em;
  }

  h1.logo {
    margin: 10px 0 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    text-align: left;
    font-size: 26px;
  }
  .mobilemenu {
    display: none;
  }

  header .menu {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 64%;
  text-align: right;
  background: transparent;
  }
  header ul.nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: right;
    width: auto;
  }
  header ul.nav li {
    display: inline-block;
  }

  header ul.nav li a {
  display: block;
  margin: 0 0 0 25px;
  padding: 5px 0;
  font-size: 0.92em;
}
  .content {
    width: 90%;
  }
  #hero {
    min-height: 450px;
    width: 100%;
    background-image: url(images/schirmer-clit-2018-3.png);
  }
  h1.fontface.pageheader {
    padding: 50px 0;
  }
  .column {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 600px;
    text-align: left;
  }

  article {
  margin: 0;
  padding: 0 30px 0 0;
  }

  aside {
  margin: 0;
  padding: 0 0 0 30px;
  border-left: 1px dotted #947d61;
  }
  .gallery {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery a.thumb {
    position: relative;
    display: block;
    margin: 0 20px 20px 0;
    width: 150px;
    height: 150px;
    overflow: hidden;
  }

  .gallery a.thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0;
    max-width: none;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
  }
  .gallery a.thumb img.portrait {
    max-width: none;
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 1024px){
  #hero {
    height: 88vh;
    width: 90%;
  }
  article.column {
    width: 58%;
    margin-right: 1%;
  }

  aside.column {
    width: 40%;
  }

  #organ article.column {
    width: 44%;
  }

  #organ aside.column {
    width: 54%;
  }
}

@media screen and (min-width: 1366px){
  #hero {
    height: 70vh;
    width: 100%;
  }
}