/*
	Theme Name: Citationsy
	Theme URI: 
	Description: 
	Version: 2.0
	Author: Citationsy
	Author URI: https://citationsy.com
	Tags: 
*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:0}a:active,a:hover{outline:0}h1{font-size:1em;margin:0}h2{font-size:1em;margin:0}h3{font-size:1em;margin:0}h4{font-size:1em;margin:0}h5{font-size:1em;margin:0}h6{font-size:1em;margin:0}abbr[title]{border-bottom:1px}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}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}dl,menu,ol,ul{margin:0}dd{margin:0}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body, html {height: 100%;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

input {max-width: 100%;}
.alignnone { margin:0; }
.aligncenter, div.aligncenter { display:block; margin:0; }
.alignright { float:right; margin:5px 0 20px 20px; }
.alignleft { float:left; margin:5px 20px 20px 0; }
a img.alignright { float:right; margin:0px; }
a img.alignnone { margin:0; }
a img.alignleft { float:left; margin:0; }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { background:transparent; border:none; padding:5px; text-align:left; }
.wp-caption.alignnone { margin:0; display: block;}
.wp-caption.alignnone img {vertical-align: text-top;}
.wp-caption.alignleft { }
.wp-caption.alignrig2ht { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.wp-caption .wp-caption-text, .gallery-caption { font-size:14px; line-height:17px; margin:0; padding:0; }




body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
	line-height: 1.6;
	background-color: #f7f7f7;
	background-color: #fafaf9;
	background-color: #fff;
}


.color_yellow   {color: #FAD064;}
.color_blue     {color: #69B0F1;}
.color_red      {color: #FB5C89;}
.color_green    {color: #7CC868;}
.color_purple   {color: #C884DA;}

.highlight {background-color: rgba(255, 242, 51, 0.2);}

.highlight2 {
    border-radius: 1em 0 1em 0;
    background-image: linear-gradient(-100deg, rgba(250, 247, 133, 0.3), rgba(250, 247, 133, 0.7) 95%, rgba(250, 247, 133, 0.1));
    padding-left: 10px;
    padding-right: 20px;
}

.width {
    width: 100%;
    max-width: 790px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

.semibold {font-weight: 600;}
.light {opacity: 0.6;}

::selection			    {background:black; color: white; text-shadow: none;}
::-moz-selection		{background:black; color: white; text-shadow: none;}

.clear {clear: both;}

a 		    { color: inherit; }
a:hover   { color: #293e52; }

.hidden {display: none;}
.blue {color: blue;}
.blue a {color: blue !important;}


input, textarea {  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;}
input:focus, textarea:focus, button:focus {outline: none;}

input[type=text], input[type="password"], textarea {
    padding-left:   20px;
    padding-right:  20px;
    padding-top:    10px;
    padding-bottom: 10px;
    
    border: 1px solid #878787;
    background-color: transparent;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

button, a.button, input[type="button"], input[type="reset"], input[type="submit"] {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  border: none;
  background: #26435D;
  border-radius: 100px;
  padding: 6px 30px;
  color: #fff;

}

button:hover, a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.8;
    transition: .2s;

}

#blog_top {
    background-color: #fff;
    height: 80px;

}

#logo {
  height: 40px;
  position: absolute;
  left: 20px;
  top: 20px;
}
#logo img {
  height: 100%;
  width: auto;
}



.blog-cta-top {
  background: #26435D;
  width: 100%;
  height: 100px;
  color: #fff;
  position: relative;
}
.blog-cta-top .width {position: relative;}
.blog-cta-top .button {
  background: #fff;
  color: #26435D;
  position: absolute;
  right: 20px;
  top: 30px;
}
.blog-cta-top .button:hover {
  background: #fff;
  color: #26435D;
  opacity: 0.8;
}
.blog-cta-top-headline {
  position: absolute;
  left: 20px;
  top: 0;
  height: 100px;
  width: 550px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}


#content {
	width: 100%;
  max-width: 1080px;
	margin: 0 auto;
	margin-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 40px;
  position: relative;
}


#menu {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 16px;
}

#menu a {
    margin-left: 20px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.5);
}
#menu a:hover {
    color: #000;
    
}





/* Article */

h1 {
  font-size: 36px;
  line-height: 48px;
  color: #26435D;
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 2em;
}

h2 {
  font-size: 21px;
  color: #26435D;
  text-decoration: none;
  font-weight: 600;
  margin-top: 3em;
  margin-bottom: 1em;
}

.date {display: none;}

.featuredImage {
  margin-bottom: 2em;
}

.featuredImage img {
  width: 100%;
  height: auto;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 16px;
  box-shadow: 0 0 50px 0 rgb(38 67 93 / 25%);
}


article blockquote {
margin: 1em 40px;
color: #6c88a2;
font-style: italic;
border-left: 2px solid rgb(108 136 162 / 33%);
padding-left: 20px;
margin-left: 0;
}


.tags {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: left;
  font-weight: 300;
  color: #989898;
  margin-bottom: 10px;
}
.tag {
  display: inline-block;
  margin-right: 20px;
}

article {
  font-size: 18px;
  color: #39556F;
  line-height: 32px;
}

article p {
  margin-top: 1em;
  margin-bottom: 1em;
}







/* CTAs */

.ctaMid {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 50px 0 rgb(38 67 93 / 25%);
  border-radius: 16px;
  padding: 30px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.ctaMidH {
  font-weight: 500;
  font-size: 18px;
  color: #26435D;
  line-height: 28px;
  margin-bottom: 14px;
}
.ctaMidS {
  opacity: 0.57;
  font-weight: 400;
  font-size: 16px;
  color: #26435D;
}
.ctaMid .button {white-space: nowrap; margin-left: 100px; font-size: 18px;}








.ctaBottom {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 50px 0 rgba(38,67,93,0.25);
  border-radius: 16px;
  padding: 30px;
  margin-top: 40px;
  margin-bottom: 60px;
  border: 2px solid #26435D;
}

.ctaBottomH {
  font-weight: 500;
  font-size: 18px;
  color: #26435D;
  line-height: 28px;
  margin-bottom: 10px;
}
.ctaBottomS {
  opacity: 0.57;
  font-weight: 400;
  font-size: 16px;
  color: #26435D;
  margin-bottom: 20px;
}
.ctaBottomButtons {
  text-align: left;
}
.ctaBottom .button {
  background: #E4E4E4;
  color: #26435D;
  font-weight: 400;
  white-space: nowrap; 
  font-size: 14px; 
  display: inline-block;
  margin-right: 5px;
}

.ctaBottom .button:hover {
  background: #E4E4E4;
  color: #26435D;
}





.relatedPosts {
  margin-top: 100px;
  margin-bottom: 100px;
}

.relatedPostsHeadline {
  font-size: 21px;
  color: #26435D;
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 20px;
  margin-left: 20px;
}





.posts_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  align-content: space-between;
  align-items: flex-start;
  padding: 0;
  
}

.postList_post {
  flex: 0 1 33.3333%;
  padding: 20px;
  text-decoration: none;
  color: #39556F;
  border-radius: 16px;
}

.postList_post:hover {
  color: #39556F;
background: rgb(57 85 111 / 5%);
transition: .2s;
}

.postList_featuredImage {
  width: 100%;
}
.postList_featuredImage img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.postList_title {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
.postList_title a {
  text-decoration: none;
  color: #39556F;
}
.postList_post .tags {
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 10px;
}




  
article img {
  max-width: 100%;
  height: auto;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}







/* Bibliography */

#bibliography_content {
  width: 100%;
  max-width: 700px;
  background: #f3f3f3;
  padding: 2em;
  overflow-wrap: break-word;
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 2em;
}

#bibliography_content h2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
margin-top: 0;
}
.csl-entry {
  margin-top: 1em;
  margin-bottom: 1em;
  border-left: none;
}



.reference_note {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-style: italic;
  background: #e4e4e4;
  font-size: 13px;
  cursor: default;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 5em;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 0;
  margin-top: 10px;
}

















@media all and (max-width: 750px) {
  
  
  #content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 20px;
  }
  #logo {
    height: 20px;
    position: relative;
    left: 0;
    top: 15px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #menu {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    text-align: center;
    right: auto;
    top: auto;
    margin-top: 30px;
}
#menu a {
  margin-left: 10px;
  margin-right: 10px;
}
  
  
  .blog-cta-top {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .blog-cta-top-headline {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    height: auto;
  }
  .blog-cta-top .button {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
  
  
  .tags {font-size: 10px; margin-bottom: 0;}

  h1 {font-size: 28px; line-height: 38px; margin-bottom: 10px;}
  .featuredImage {
    margin-bottom: 1em;
  } 
  
  
  article {font-size: 16px;}

  
  .ctaMid {
    padding: 20px;
    display: block;
  }
  .ctaMid .button {margin-left: auto; margin-right: auto; display: block; text-align: center; max-width: 220px; margin-top: 20px;}
 
 .ctaBottom {
   width: 90%;
 }
 .ctaBottom .button {
   margin-left: auto; margin-right: auto; display: block; text-align: center; max-width: 220px; margin-top: 10px;
 }
 
 
 
 .postList_post {
   flex: 0 1 100%;
 }
 
 
  
}


@media all and (max-width: 500px) {

}