/* Crimes Against Kurds - https://www.crimesagainstkurds.org - TEXT-CSS Stylesheet */

p              {
                 font-family: 'Arial', Helvetica, sans-serif;
} 
body           {
                 background-image: url("1730-map.png");
                 background-color: #181818;
}
.page_top      {
	         background-color: #181818;
	         width: 960px;
	         top: 0px;
	         position: fixed;
	         z-index: 3;
}
.container     {
	         width: 960px;
	         margin: 0 auto;
                 border-bottom-right-radius: 5px;
                 border-bottom-left-radius: 5px;
}
.content       {
	         background-color: #181818;
                 border-bottom-right-radius: 5px;
                 border-bottom-left-radius: 5px;
	         color: #ffffcc;
                 font-family: 'Arial', Helvetica, sans-serif;
                 width: 960px;
	         margin: 0 auto;
	         padding-top: 180px;
	         position: relative;
	         z-index: 1;
}
#wrap          { 
	         width: 960px; 
	         margin: 0 auto;
}
/* 18+ Popup */
@media screen and (max-width: 770px) {
                 .dialog {
                 position: absolute;
                 width: 100%;
                 left: 0;
                 right: 0 !important;
                 margin: 0;
                 top: 0;
                 padding: 10px;
                 border-radius: 0;
                 padding: 50px 0px;
        }
}
.dialog-background {
                 width: 100%;
                 height: 100%;
                 background-color: rgba(0, 0, 0, 0.85);
                 position: fixed;
                 display: none;
                 z-index: 99;
}
.dialog        {
                 padding: 5px;
                 width: 50%;
                 position: fixed; left: 49%; top: 40%;
                 height: auto;
                 margin-top: -100px;
                 margin-left: -25%;
                 background-color: #fffFcc;
                 outline: 2px solid #4169e1;
                 display: none;
                 z-index: 100;
                 text-align: center;
                 border-radius: 50px;
}
.dialog-header {font-family: impact; font-size: 37px; color: #4169e1;}
.cButton {border: none; color: #ffffff; padding: 10px 30px; cursor: pointer; border-radius: 5px;}
.hidden {display: none !important;}
.show .dialog, .show .dialog-background {display: block;}
.cbuttons {text-align: center;}
.cButtonConsent {border: 2px solid #006600; background-color: #ffffff; color: #006600;}
.cButtonConsent:hover, .cButtonConsent:active {background-color: #006600; color: #ffffcc;}
.cButtonNoConsent {border: 2px solid #cc0000; background-color: #ffffff; color: #cc0000;}
.cButtonNoConsent:hover, .cButtonNoConsent:active {background-color: #cc0000; color: #ffffcc;}
.cButtonNoConsent, .cButtonConsent {transition: .1s linear all;}
.cButtonThird {background: none; color: #a2a2a2 !important; margin-top: 0px; font-size: 14px;}
/* Page Top */
.banner        {
	         position: absolute;
	         height: 150px;
	         width: 960px;
	         top: 0px;
	         border: none;
}
.flag-left     {
	         position: relative;
	         top: 90px;
	         left: 0;
	         height: 60px;
	         width: 90px;
}
.flag-right    {
	         position: relative;
	         top: 90px;
	         left: 780px;
	         height: 60px;
	         width: 90px;
}
.logo          {
                 position: relative;
	         top: 80px;
	         left: 268px;
	         height: 60px;
	         width: 60px;
                 border-radius: 5px;
}
h1             {
                 font-family: 'Arial', Helvetica, sans-serif;
                 font-size: 56px;
                 font-weight: bold;
                 color: #FFFF00;
                 position: relative;
                 top: -90px;
                 left: 183px;
}
/* Top Menu */
ul             {
                 list-style: none;
                 padding: 2px;
                 margin: 0; 
}
.main-nav,.drop-nav {
                 list-style: none;
}
.main-nav      {
                 padding: 0;
                 margin-top: -54px;
                 width: 960px;
                 height: 46px;
                 background-color: #181818;
                 font-family: 'Arial', Helvetica, sans-serif;
                 border-bottom: 5px solid #065c92;
}
.main-nav > li {
                 float: left;
}
.main-nav li:first-child {
                 border-left: none;
}
.main-nav a {
                 font-family: 'Arial', Helvetica, sans-serif;
                 font-size: 23px;
                 color: #ffff99;
                 display: block;
                 padding: 10px 10px 10px;
                 text-decoration: none;
                 border-right: 1px solid #707070;
}
.dropdown, .flyout {
                 position: relative;
}
.drop-nav      {
                 position: absolute;
                 margin: 0;
                 display: none;
                 width: 206px;
                 top: 46px;
}
.drop-nav a    {
	         font-size: 20px;
	         color: #ffffb3;
	         background-color: #404040;
	         padding: 7px 7px;
	         border-right: 0;
	         text-decoration: none;
}
.dropdown:hover > .drop-nav {
	         display: block;
                 z-index: 2;
                 font-size: 21px;
	         color: #ffffb3;
	         background-color: #404040;
	         text-decoration: none;
	         border-radius: 0px 0px 5px 5px;
}
.dropdown .drop-nav:after {
                 content: '';
                 display: inline-block;
                 border-left: 6px solid transparent;
                 border-right: 6px solid transparent;
                 border-bottom: 6px solid #404040;
                 position: absolute;
                 top: -6px;
                 left: 60px;
}
.flyout-nav    {
                 position: absolute;
                 margin: 2px;
                 display: none;
                 width: 215px;
                 left: 100%;
                 top: -4px;
}
.flyout-nav a  {
	         font-size: 20px;
	         color: #ffffcc;
                 background-color: #505050;
	         padding: 5px 5px;
}
.flyout:hover > .flyout-nav {
                 display: block;
                 z-index: 2;
                 font-size: 21px;
	         color: #ffffcc;
	         background-color: #505050;
	         text-decoration: none;
	         border-radius: 0px 5px 5px 5px;
}
.dropdown .flyout-nav:after {
                 content: '';
                 display: inline-block;
                 border-top: 6px solid transparent;
                 border-right: 6px solid #505050;
                 border-bottom: 6px solid transparent;
                 position: absolute;
                 top: 13px;
                 left: -6px;
}
.main-nav .active {
                 background-color: #065c92;
                 color: #FFD700;
}
.drop-nav .active {
                 background-color: #065C92;
                 color: #FFD700;
}
li a:hover     {
                 background-color: #87CEFA;
                 color: #000000;
}
.active:hover  {
	         background-color: #044066;
	         color: #000000;
}
/* Content */
table          {
                 width: 100%;
                 border-collapse: collapse;
                 border-spacing: 0;
                 text-indent: 0;
                 margin: 0 auto;
}
th, td         {
                 padding: 0;
}
.table-center  {
                 text-align: center;
}
.text_home     {
	         font-family: 'Arial', Helvetica, sans-serif;
                 padding-left: 10px;
                 padding-right: 10px;
	         text-align: center;
                 font-size: 20px;
	         color: #ffffcc;
	         background-color: #181818;
}
.para_head     {
                 height: 20px;
                 width: 320px;
                 padding: 5px 0px;
                 text-align: center;
                 font-size: 20px;
                 color: #FFD700;
                 background-color: #065C92;
}
.para_box      {
                 height: 222px;
                 width: 320px;
                 vertical-align: middle;
                 text-align: center;        
                 padding-top: 2px;
                 padding-left: 2px;
                 padding-right: 1px;
                 font-size: 15px;
                 color: #ffffcc;
                 background-color: #181818;
}
.map_home      {
                 height: 457px;
                 width: 635px;
                 vertical-align: bottom;
}
.video_home    {
                 width: 319px;
                 height: 200px;
                 vertical-align: bottom;
                 background-color: #000000;
}
.center-bottom {
                 width:100%;
                 text-align: center;
                 margin: 0 auto;        
}
.collage     {
                 width: 960px;
                 border-bottom-right-radius: 5px;
                 border-bottom-left-radius: 5px;
                 margin: 0 auto;
}
.top_text {
	         font-family: 'Arial', Helvetica, sans-serif;
                 padding-left: 10px;
                 padding-right: 10px;
	         text-align: justify;
                 font-size: 18px;
	         color: #ffffcc;
	         background-color: #181818;
}
.center_top_text {
	         font-family: 'Arial', Helvetica, sans-serif;
	         text-align: center;
                 font-size: 18px;
	         color: #ffffcc;
	         background-color: #181818;
}
.links         {
                 font-family: 'Arial', Helvetica, sans-serif;
                 text-align: center;
                 font-size: 20px;
                 background-color: #181818;
                 color: #ffffcc;
}
.links:visited {
                 color: #99997a;
}
.links:hover, .links:active {
                 color: #FFFF66;
}
.sources_text    {
                 font-family: 'Arial', Helvetica, sans-serif;
                 text-align: justify;
                 vertical-align: top;
                 padding-top: 10px;
                 padding-bottom:10px;
                 padding-left: 10px;
                 padding-right: 10px;
                 font-size: 20px;
                 color: #ffffcc;
                 background-color: #181818;
}
.sources_text:visited {
                 color: #99997a;
}
.sources_text:hover, .sources_text:active {
                 color: #FFFF66;
}
.video_text    {
                 font-family: 'Arial', Helvetica, sans-serif;
	         text-align: justify;
                 vertical-align: top;
                 padding-top: 10px;
                 padding-bottom:10px;
                 padding-left: 10px;
                 padding-right: 10px;
                 font-size: 15px;
                 color: #ffffcc;
	         background-color: #181818;
}
.videos        {
	         width: 320px;
	         height: 200px;
	         background-color: #000000;
}
.map-bottom    {
                 text-align: center;
                 padding-top: 20px;
                 height: 76px;
	         width: 100px;
}
.small-icon    {
	         height: 20px;
	         width: 29px;
                 vertical-align: bottom;
                 padding-right:5px;
}
.large-icon {
                 vertical-align: bottom;
                 padding-right:5px;
}
.news_page_text {
                 height: 200px;
                 width: 660px;         
                 padding-left: 5px;
                 padding-right: 5px; 
                 text-align: justify;
                 font-family: 'Arial', Helvetica, sans-serif;
                 background-color: #181818;
	         color: #ffffcc;
                 font-size: 15px;
                 vertical-align: top;
}
.news_page_photo {
                 height: 200px;
                 width: 300px; 
                 text-align: right;                
}
.news_photo    {
                 height: 200px;
                 width: 300px;
                 vertical-align: middle; 
}
.unchr_page    {
                 text-align: justify;
                 vertical-align: top;
                 padding-top: 5px;
                 padding-left: 5px;
                 padding-right: 5px;
                 padding-bottom: 10px;
                 font-family: 'Arial', Helvetica, sans-serif;
                 background-color: #181818;
	         color: #ffffcc;
                 font-size: 15px;
}
.report-button {
                 background-color: #065C92;
                 border: none;
                 color: #ffff99;
                 padding: 3px 6px 3px 6px;
                 text-align: center;
                 text-decoration: none;
                 font-size: 15px;
                 margin: 0px 390px;
                 border-radius: 3px;
                 cursor: pointer;	
}
.report-button:hover, .report-button:active {
                 background-color: #87CEFA;
                 color: #000000;
}
.more-button    {
                 background-color: #065c92;
                 border: none;
                 color: #ffff99;
                 padding: 3px 6px 3px 6px;
                 text-align: center;
                 text-decoration: none;
                 font-size: 15px;
                 margin: 0px 90px;
                 border-radius: 3px;
                 cursor: pointer;	
}
.more-button:hover, .more-button:active {
                 background-color: #87CEFA;
                 color: #000000;
}
/* news table pagination classes used for js code hide and displat */
.pg-hide-row {
                 display: none;
}
/* pagination nav block */
.pg-nav-container {
/* parent container if any global style to container required */
                 padding-left: 275px;   
                 padding-bottom: 8px;    
}
/* --------- Default ----------- */
.default-pg-nav-content {
                 display: flex;    
                 align-items: center;
                 height: 30px;    
                 color: #ffffcc;     
                 font-size: 16px;   
                 width: fit-content;
                 background: #181818;         
}
/* next and prev buttons */
.default-pg-nav-content [data-dir] {            
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 background: #181818;    
                 height: 100%;
                 width: 60px;
                 border-top: 1px solid rgb(194, 194, 194);
                 border-bottom: 1px solid rgb(194, 194, 194);        
                 cursor: pointer;
                 transition: 0.2 ease-in;
}
/* hover option on buttons */
.default-pg-nav-content [data-dir]:hover {            
                 background: #87CEFA;
                 color: #000000; 
}
/* 'first' button */
.default-pg-nav-content .nav-first-page {            
                 border-top-left-radius: 20px;
                 border-bottom-left-radius: 20px;
}
/* 'last' button */
.default-pg-nav-content .nav-last-page {            
                 border-top-right-radius: 20px;
                 border-bottom-right-radius: 20px;
}
/* first and last buttons */
.default-pg-nav-content .nav-single-op {        
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 background: #181818;
                 border-right: 1px solid rgb(194, 194, 194); 
                 border-left: 1px solid rgb(194, 194, 194);
                 cursor: pointer;
}
/* spacers between button options */
.default-pg-nav-content .btn-hz-spacer {    
}
.default-pg-nav-content .pg-hz-spacer {    
}
/* number containers */
.default-pg-nav-content .nav-pages-container {
                 display: flex;
                 height: 100%;
}
/* page buttons parent container */
.default-pg-nav-content .pg-nav-numbers {
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 display: flex;    
                 height: 100%;
                 border-top: 1px solid rgb(194, 194, 194);
                 border-left: 1px solid rgb(194, 194, 194);
                 border-right: 1px solid rgb(194, 194, 194);
                 border-bottom: 1px solid rgb(194, 194, 194);    
}
/* page buttons */
.default-pg-nav-content .pg-num-val {    
                 width: 15px;           
                 text-align: center;
                 transition: 0.2s ease-in;
                 cursor: pointer;    
                 width: 28px;
        
}
/* page button hover */
.default-pg-nav-content .pg-num-val:hover {
                 background: #87CEFA;
                 color: #000000;  
                 padding: 8px 0px;
}
/* page button active class*/
.default-pg-nav-content .pg-num-active {
                 background: #065c92 !important;    
                 padding: 10px 4px !important; 
                 border-radius: 4px;
                 color: #FFD700;
                 font-weight: bold;
}
/* Social Share Buttons */
.share-button  {
                 display: inline-block;
                 text-decoration: none;
                 color: #ffffcc;
                 border: none;
                 padding: 2px 10px;
                 border-radius: 5px;
                 outline: 2px solid #ffffcc;
                 text-align: center;
                 font-size: 14px;
                 margin: 0 3px;
}
.share-button:hover,  .share-button:active {
                 text-decoration: underline;
                 position: relative;
                 box-shadow: 1px 1px 15px 5px rgba(255, 255, 204, 0.7);
}
.share-button.facebook    { background-color: #3B5998; }
.share-button.x     { background-color: #000407; }
.share-button.whatsapp    { background-color: #008080; }
.share-button.tumblr      { background-color: #5D3FD3; }
.share-button.reddit      { background-color: #FF5F1F; }
.share-button.blogger     { background-color: #16E2F5; }
.share-button.pinterest   { background-color: #DC143C; }
.share-button.buffer      { background-color: #FF7F50; }
.share-button.linkedin    { background-color: #4875B4; }
.share-button.email       { background-color: #065c92; }