@import url('https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rosario:ital,wght@0,300..700;1,300..700&display=swap');
 

 

/* --- CONTENT --- */


.body_content {
	position: relative;
	max-width:1564px;
	margin:0 auto;
	top: 60px
 } 


.content_header_img_container {
	background-color: #a6d7fc;
	
	overflow: hidden;
	text-align:center;
	width:100%;
	padding: 7px 7px 0 7px;
}

.header_img_padding_1 {
	padding:7px 0 0 0;
}


@media screen and (min-width:800px){
	
	.content_header_img_container {
		background-color: #a6d7fc;
		
		overflow: hidden;
		text-align:center;
		width:100%;
		padding: 0;
	}

}

.content_header_img_center {
	display:inline-block;
	vertical-align: bottom;
	width:100%;
	max-width:400px;
}
 
.content_text_normal {
	margin:0 auto;
	padding: 12px 30px;
    max-width: 950px;
	 
	-webkit-text-stroke-width: 0px;
	background-color: #ffffff;
	box-sizing: inherit;
	color: rgba(0, 0, 0, 0.8);
	font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont,
	  "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
	  sans-serif;
	font-size: medium;
	font-style: normal;
	font-variant-caps: normal;
	font-variant-ligatures: normal;
	font-weight: 400;
	letter-spacing: normal;
	orphans: 2;
	overflow-wrap: break-word;
	text-align: start;
	text-decoration-color: initial;
	text-decoration-style: initial;
	text-decoration-thickness: initial;
	text-indent: 0px;
	text-transform: none;
	white-space: normal;
	widows: 2;
	word-spacing: 0px;
	
	box-shadow: 0 7px 0 7px rgba(227, 220, 200, 0.3), 0 3px 0 3px rgba(227, 220, 200, 0.4);
	
}

.content_img_normal {
	margin:0 auto;
	width: 100%;
	max-width:800px;
}





@media screen and (min-width:500px){
	.content_text_normal {
		margin:0 auto;
		padding: 12px 45px;
		
	}

}

@media screen and (min-width:800px){
	.content_text_normal {
		margin:0 auto;
		padding: 12px 85px;
		
	}

}


.closing_comments_section {
	margin:45px 0 0 0;
}






.content_img_container {
	box-sizing: inherit; 
	cursor: zoom-in; 
	position: relative; 
	transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1); 
	width: 100%; 
	z-index: auto;

}

.content_img {
	width:100%;
}

.img_container_1 {
	margin:12px 0 0 0;
	max-width: 1200px;
} 

.c_img_div {
	max-width: 600px;
	margin: 56px auto 0px;
}

.c_img {
	background-color: #ffffff; 
	box-sizing: inherit; 
	width:100%;
}

.h_container {
	margin:0 auto;
}
 

.max_w_300 {
	max-width:400px;
}

.max_w_400 {
	max-width:400px;
}
 
.max_w_500 {
	max-width:500px;
}
.max_w_600 {
	max-width:600px;
}
.max_w_700 {
	max-width:700px;
}
.max_w_750 {
	max-width:750px;
}
.max_w_800 {
	max-width:800px;
}
.max_w_900 {
	max-width:900px;
}


.max_w_950 {
	max-width:950px;
}


 
 
.c_img_credit {
	box-sizing: inherit; 
	color: #6b6b6b; 
	font-family: sohne, 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	font-weight: 400; 
	line-height: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 10px; 
	max-width: 728px; 
	text-align: center;
}



.c_title_container {
	margin:0 auto;
	padding:12px 15px;
	/* background-color: #575757; */
	color: #f7f5f5;
 
	 
}

 


.article_subtitle {
	margin:2.25em 0 0 0;
	font-weight:bold;
	font-size:1.4em;
}

.smaller_subtitle {
	margin:2.25em 0 0 0;
	font-weight:bold;
	font-size:1.2em;
}


@media screen and (min-width:700px){
	
	.c_title_container {
		margin:0 auto;
		padding:12px 15px;
		/* background-color: #575757; */
		color: #f7f5f5;
	 
		 
	}
}


.c_title {
	font-weight:bold;
	text-align:left;
	font-size:1.8em;
	margin:3px;
}

.c_author {
	text-align:left;
	font-size:1.1em;
	margin:3px;
}

.c_published_date {
	 
}


.clouds {
	margin:0 0 0 0;
	position: absolute;
	left:4px;
	top:0;
	z-index:10;
	width: 100%;
	height:100%;
}



.para_opening {
	box-sizing: inherit;
	color: #242424;
	font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.003em;
	line-height: 32px;
	padding:12px 18px;
	border-radius:5px;
}


.box_color_border_lightblue {
	background-color:#e8f2fa;
	border:2px solid #1e4d75;
}

.box_color_border_lightpurple {
	background-color:#faf5f8;
	border:2px solid #7b0456;
}


.box_color_border_brown {
	background-color:#fff8f5;
	border:2px solid #501c04;
}


.box_color_border_graybluesky {
	background-color:#f0f5fa;
	border:2px solid #76a1c2;
}


.box_color_border_orange {
	background-color:#fcf0eb;
	border:2px solid #c76758;
}

 
 
.box_color_border_violet_unity {
	background-color:#f6ebfa;
	border:2px solid #755b9a;
}

.para_normal {
	box-sizing: inherit;
	color: #242424;
	font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.003em;
	line-height: 32px;
	margin: 1.1em 0 1.1em 0;
} 


.para_left_margin {
	box-sizing: inherit;
	color: #242424;
	font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 20px;
	letter-spacing: -0.003em;
	line-height: 32px;
	margin: 1.1em 0 1.1em 6px;
	
} 


.small_line_break {
	line-height:0.1em;
	margin:4px; 0 0 0;
}


.first_para {
	margin:1.3em 0 0;
}

 
.text_color_orange {
	color:#7d3805;
}

.text_color_darkgray {
	color:#111;
}

.text_color_dark_turquoise {
	color:#024e61;
}

/*
.blockquote_line {
	box-shadow: #242424 3px 0px 0px 0px inset;
	box-sizing: inherit;
	margin: 0px 0px 0px -20px;
	padding-left: 23px;
}

.blockquote_line {
	box-shadow: 3px 0 0 0 #878787, -3px 0 0 0 #878787;
	box-sizing: inherit;
	margin: 0px 0px 0px -20px;
	padding: 0 18px 0 18px;
}
*/

.blockquote_line {
	box-shadow: #242424 3px 0px 0px 0px inset;
	box-sizing: inherit;
	margin: 0px 0px 0px -22px;
	padding: 0 18px 0 18px;
}
 
.blockquote_line_orange {
	box-shadow: #7d3805 3px 0px 0px 0px inset;
}



/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);*/

.blockquote {
  font-size: 1.3em;
  margin:50px auto;
  /* font-family:Open Sans; */
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 64px;
  border-left:8px solid #b8b8b8;
  line-height:1.5;
  position: relative;
  background:#f6f6f6;
  font-weight:400;
} 

.blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#b8b8b8;
  font-size:4em; 
  position: absolute;
  left: 10px;
  top:-10px;
}

.blockquote::after{
  content: '';
}

.blockquote .blockquote_credit {
  display:block;
  color:#636363;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}




.blockquote_border_blue {
     border-left:8px solid #131672;
}

.blockquote_border_blue::before{
  color:#131672;
}

.blockquote_border_darkgray {
     border-left:8px solid #63635c;
}

.blockquote_border_darkgray::before{
  color:#63635c;
}


.blockquote_border_darkpink {
     border-left:8px solid #7b0456;
}

.blockquote_border_darkpink::before{
  color:#7b0456;
}
 

.blockquote_border_brown {
     border-left:8px solid #501c04;
}

.blockquote_border_brown::before{
  color:#501c04;
}


.blockquote_border_orange {
     border-left:8px solid #c76758;
}

.blockquote_border_orange::before{
  color:#c76758;
}
 
.square-marker {
  margin:7px 0 0 0;
  list-style-type: square;  
}

.square-marker li {
  margin:7px 0 0 0; 
}


.text_date {
	margin:1.3em 0 0;
	font-size:0.97em;
}

.divider {
	margin: 38px auto;
    display: flex;
}

.gradient:before {
    background: linear-gradient(to right, #fcf4f0, #656565);
}

.gradient:after {
    background: linear-gradient(to left, #fcf4f0, #656565);
}

.divider:before, .divider:after {
    content: "";
    flex: 1;
}

.gradient {
    align-items: stretch;

    height: 3px;
    line-height: 3px;
    color: white;
    background: #656565;
    width: 70%;
}