.article-list .details h2  {
  margin-bottom: 5px;
  text-transform: capitalize;
  line-height: 1.4em;
  font-size: 16px !important;
  font-weight: 600!important;
}

#ContentPlaceHolder1_ListView2_DataPager2 span {
color:red !important;
}


.shadow.p-3.mb-5.bg-white.rounded {
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
padding:1rem!important;
margin-bottom:3rem!important;
background-color:#fff!important;
border-radius:.25rem!important
}
.shadow-lg {
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
padding:1rem!important;
margin-bottom:3rem!important;
background-color:#fff!important;
border-radius:.25rem!important;
width:100%!important;
max-width:100%!important;
min-width:100%!important;
}

.shadow-lgCenter {
box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
padding:1rem!important;
margin-bottom:3rem!important;
background-color:#fff!important;
border-radius:.25rem!important;
text-align:center !important;
width:100%!important;
max-width:100%!important;
min-width:100%!important;

}
.shadow-lg ol{
padding-left:30px;
margin-top:-30px;
}
.shadow-lg ol li{
text-align:left;

}
#ContentPlaceHolder1_btnReset,#ContentPlaceHolder1_btnClear {
text-align:left !important;
}

/*Button Clear*/
.button-clear {
  border-radius: 4px;
  background-color:#E20778;
  border: none;
  padding: 0px;
  width: 150px;
  transition: all 0.5s;
  float:left;
  text-align: center;
  height:27px;

}
.button-clear span ::before {
  content: "\A";
  white-space: pre;

}

.button-clear span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  color:white;
  vertical-align: middle;
 
}

.button-clear span:after {
  content: ' >' ;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -15px;
  transition: 0.5s;
}

.button-clear:hover span {
  padding-right: 15px;
}

.button-clear:hover span:after {
  opacity: 1;
  right: 0;
}
 /* Floating Survey */
.fixed {
    background-color: #c0c0c0;
    position:fixed;
    top:0;
    width:30%;
    z-index:-100;
    float:left;
  
}
 .mobileHide {
    display: inline;
  }
  /* Smartphone Portrait and Landscape */
  
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .mobileHide {
      display: none;
    }
  }
  .category1 a{
 color:#e20778;
 text-transform: capitalize !important;
 //margin-left:-10px !important;
 font-size:medium!important;
 font-weight:normal!important;
 display:block !important;
 }
 
.asidecategory a{
 color:#e20778;
 //text-transform: capitalize !important;

 font-size:12px!important;
 font-weight:normal!important;
 display:inline !important;

 }  

.carousel-caption h3 a {
 font-family: 'Nunito Sans', sans-serif !important;
  font-size: 30px!important;
  min-width:800px!important;
}
.carousel-caption h3  {
 font-family: 'Nunito Sans', sans-serif !important;
  font-size: 30px!important;
 // min-width:600px!important;
  margin:auto !important;
}
  .left1{float:left; width:25%;}
  .left2{float:left; width:40%;}
   /* If in mobile screen with maximum width 479px. The iPhone screen resolution is 320x480 px (except iPhone4, 640x960) */    
    @media all and (max-width:30em){
        .left1 { width: 90%; }
	}
    .Container {
    width: 100%;
    margin: 0 auto;
    }
    iframe {
    width: 100%
    height: auto;
    }
    .videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }
    .videoContainer iframe,
    .videoContainer object,
    .videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    
        .audioContainer {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; 
        overflow: hidden;
        margin-bottom:-150px;
        }
        .audioContainer iframe,
        .vaudioContainer object,
        .audioContainer embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        
    }   

h6 a, p a {
color: black;
}

h6 a:hover, p a;hover {
color: #E20778 !important;
 text-decoration: none!important;
}
h1, h2{
text-transform: none !important;
}

.main h2 {
font-size: 1.5em  !important;
font-weight: bold !important;
  margin-top: 0.8em !important;
  margin-bottom: 1em!important;
  margin-left: 0;
  margin-right: 0;
  
}

.main h3 {
font-size: 1.17em  !important;
font-weight: bold !important;
  margin-top: -0.8em !important;
  margin-bottom: 1em;
}


#parent {
    position: relative;
}
#child {
    position: fixed;
    top: 500px;
}


.twitter-timeline {
    width: 100vw !important;
}


p:empty {
   display: none;
}
h1 a, li a, .author a {
color: #000;
font-family: 'Nunito Sans', sans-serif !important;
}
h1 a:hover, li a:hover, .author a:hover {
color: #E20778 !important;
 // background-color:white;
  text-decoration: none;
  font-family: 'Nunito Sans', sans-serif !important;
}
.sequence {
border: 1px solid #e20778;
font-size: x-small;
min-width: 15px; 
height:10px;
align-items: center;
text-align: center;
vertical-align: top;
}
.sidesequence {
border: 1px solid #e20778;
font-size: x-small;
width: 15px;
height:15px;
display: block;
align-items: center;
text-align: center;

}
.sidesequencetag {
border: 1px solid #e20778;
font-size: x-small;
min-width: 15px; 
height:15px;
align-items: center;
text-align: center;
vertical-align: middle;
display: inline-block;


}
.hr { height:1px; border:none; color:rgb(60,90,180);  }	

.select-cssBTN {
	display: block;
	font-size: 12px;
	font-family: sans-serif;
	height:30px;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em .4em .5em .4em;
	//width: 150px;
	//max-width: 200px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url(''),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css, #dropdownMenuButton {
	display: block;
	font-size: 12px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	//width: 150px;
	//max-width: 150px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}

	
.all
	{
	    z-index:1000
	    position:absolute;
	    color:#E20778;
	
	}
	
.all img {
	  border-radius: 50%;
	  -webkit-transition: -webkit-transform .8s ease-in-out;
	          transition:         transform .8s ease-in-out;
	}
.all img:hover {
	  -webkit-transform: rotate(360deg);
	          transform: rotate(360deg);
	    .colorBlock display: inline-block;
	    width: 55px;
	    height:55px;
	}
	
	    .colorBlock {
	      width: 20px;
	      height: 20px;
	      display:none;
	    }
	    #pink {
	      background-color: #e20778;
	    }
	    #brick {
	      background-color: #f17184;
	    }
	    #blue {
	      background-color: #004990;
	    }
	    #green {
	      background-color: #09ad87;
	    }
	
 
		:target:before {
		    content: "";
		    display: block;
		    height: 50px; /* navbar height */
    		    margin: -50px 0 0;
		}		
		 .headshot {
		       float: left; 
		       	display: block;
		        margin: 0 auto;
		        max-height: 60px;
		        max-width: 60px; 
		        height: 60px;
		        width: 60px; 
		        margin: 0 0 0 0;
		        -webkit-border-radius: 50%;
		        -moz-border-radius: 50%;
		        -ms-border-radius: 50%;
		        -o-border-radius: 50%;
		        border-radius: 50%; 
		        border: 1px solid #CCC;
		        margin-right:15px;
		    }
      			
					
		figure{
		//box-shadow: 2px 2px 10px rgba(0,0,0,0.3); 
		border-radius: 0px;
		//border: 1px solid #EEE;
		//background-color::#FFF;
		}
		
		figure img{
 		display: block;
		    margin: 0 auto;
		    max-height: 300px;
		    max-width: 500px; 
		    height: 300px;
		    width: 500px; 
		    margin: 0 0 0 0; 		
		background-color:#EEE;
		border: 1px solid #EEE;
		border-radius: 0px;
   		 width:100%; 
                height:100%; 
                object-fit:cover;
                
		 
		 
		  

		}
		.featured{
		font-weight:bold;
		font-size:large;
		}
		p a{
		font-family: 'Nunito Sans', sans-serif !important;
				     // font-size: 12px;
		//}
		*{
		  // font-family: 'Nunito Sans', sans-serif !important;
		     // font-size: 12px;
		//}
		.main p, .main li{
		   font-family: 'Nunito Sans', sans-serif !important;
		   font-size:medium;
		  // color:red;
		}
		.main h1 {
		  font-weight: bold;
		  font-size: 32px;
		}

		 #authorBio img {
		float: left; 
		display: block;
		    margin-right: 30px;
		    max-height: 80px;
		    max-width: 80px; 
		    height: 80px;
		    width: 80px; 
		 
		    -webkit-border-radius: 50%;
		    -moz-border-radius: 50%;
		    -ms-border-radius: 50%;
		    -o-border-radius: 50%;
		    border-radius: 50%; 
		       
                 }
                 
                 #authorBio  p a {
                 color:#e20778 !important;
                 font-family: 'Nunito Sans', sans-serif !important;
                 }
                 
                 
  		#authorBio p {
 			display:block;
 			width:100%;
 			padding-bottom:50px;
 			font-size:small;
 			 font-family: 'Nunito Sans', sans-serif !important;
 			
		          
                 }                
		.dropbtn {
		  background-color: #E20778;
		  color: white;
		  padding: 5px;
		  font-size: 16px;
		  border: none;
		  cursor: pointer;
		}
		
		.dropdown {
		  position: relative;
		  display: inline-block;
		}
		
		.dropdown-content {
		  font-size:small;
		  display: none;
		  position: absolute;
		  background-color: #e20778;
		  min-width: 160px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		}
		
		.dropdown-content a {
		  color: white;
		  padding: 5px 8px;
		  text-decoration: none;
		  display: block;
		}
		
		.dropdown-content a:hover {background-color: #41C3DC; color:white;}
		
		.dropdown:hover .dropdown-content {
		  display: block;
		  
		}
		
		.dropdown:hover .dropbtn {
		  background-color: #d41C3DC;
		  color:white;
		}
		
		.row-center {
		    text-align:center;
		}
		
		
                
		.special{
		font-size:small;
		border: 1px solid #e20778;
		background-color:#FFF;
		border-radius: 0px;
		color:#e20778;
		vertical-align: middle;
		padding: 0px 5px 2px 5px;
		
                }
                
		.special a{
		font-size:small;
		border: 1px solid #e20778;
		border-radius: 0px;
		color:#e20778;  
		vertical-align: middle;
                } 
		.special a:hover{
		font-size:small;
		text-decoration: none;
		padding: 0px 5px 2px 5px;
		border: 1px solid #CCC;
		overflow-wrap: break-word;
		color:#464444;
		vertical-align: middle;
                }                 
                
		.tag a{
		font-weight:normal;
		font-size:small;
		text-decoration: none;
		padding: 0px 5px 2px 5px;
		border: 1px solid #CCC;
		overflow-wrap: break-word;
		color:#464444;
		white-space: nowrap;
		//border-radius: 10px;
		vertical-align: middle;
		}
		
		.tag a:hover{
		font-weight:normal;
		font-size:small;
		border: 1px solid #e20778;
		border-radius: 0px;
		color:#e20778;
		
		}
		.tag: {
		display:none;
		}
		.tags {
		font-size:small;
		padding: 5px 5px 0px 0px;
		overflow-wrap: break-word;
		font-weight:bold;
		}
		
		.tags li {
		list-style-type:none;
		display: inline;
		}
		
		.keywords {
		padding-bottom:20px;
                font-size: x-small !important;
                font-weight:bold;
                disply:block;
                }
		
		#ContentPlaceHolder1_Count{
		background-color:#E20778;
		color:#fff;
		//min-height:40px !important;
		font-weight:bold;
		font-size:small;
		font-family: sans-serif !important;
		border-radius: 50%;
		 line-height: 35px;
		 text-align: center;
		}
		
		.Count{
		background-color:#E20778;
		color:#fff;
		min-height:35px !important;
		min-width:35px !important;
		font-weight:bold;
		font-size:small;
		font-family: sans-serif !important;
		border-radius: 50%;
		 line-height: 35px;
		 text-align: center;
		 display:inline-block;
		}		
		
		#ContentPlaceHolder1_ddlCategory {width:200px;}
		#ContentPlaceHolder1_ddlType {width:200px;}
		#ContentPlaceHolder1_ddlRegion {width:200px;}
		
		 .notIconSmall {
		 float: left;
		 position: relative;
		  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
		  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		  padding: 1px 1px 1px 1px;
		  margin: 0px 10px 0 0;
		  background: white;
		  width: 80%;
		  height: auto;
		  max-width: 107px;
		  
      }
	.dropdown-menu li a{
	
	width: 280px !important;
	text-indent: 0.5em !important;
	//margin-top:-5px !important;
	//text-indent: -0.5em !important;
	
	
	}
	.dropdown-menu li a:hover{
		
		color: #E20778 !important;
		background-color: #FFF !important;
		//text-indent: 0.5em !important;
		//margin-top:-5px !important;
		//text-indent: -0.5em !important;	
	}
	
	.dropdown-menu .vertical-menu  li a:hover{
		color: #E20778 !important;
			
			//margin-top:-5px !important;
			//text-indent: -0.5em !important;	
	}
	
	
	.dropdown-menu li a icon{
		
		margin-bottom:-5px !important;
		//text-indent: 0.5em !important;
		
		
	}
	
	.carousel-caption h3 a {
	color:#FFF !important;
	
	}
	.carousel-caption h3 a:hover {
	color:#E20778 !important;
	
	}