/* General Styles */
	
	body
	{
		background-size:25% !important;
		font-family: Arial, Verdana, Helvetica, sans-serif !important;
	}
	.itu_header_logo {
	    height: 48px;
	    width: auto;
	    border-right: 1px solid rgba(112,112,112,.3);
	    padding-right: .75rem;
	    margin-right: .5rem;
	}
	hr {
    height: 0.5px !important;
	}
	
	fieldset.eligibility {
    border: 1px solid #cccccc;
    border-radius: 20px;
    margin-top: 20px;
	}
	fieldset legend.form-label {
    font-size: 1rem;
    font-weight: bold;
	}
	fieldset.eligibility label.form-check-label {
    font-size: 1rem !important;
    padding-left: 10px;
    display: inline-block;
    margin-left: 0px;
    font-weight: normal;
	}
	
	.left {
    width: 20%;
    display: block;
    height: auto;
    float: left;
    height: 100%;
    height: 100px;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
	}
	.middle {
	    width: 60%;
	    display: block;
	    height: auto;
	    float: left;
	    height: 100%;
	    height: 100px;
	    background-size: 100%;
	    text-align: center;
	    padding-top: 7%;
	    
	}
	.middle a
	{
	    color: #ffffff;
	    font-weight: 800;
	    text-decoration: none;
	}
	.right {
	    width: 20%;
	    display: block;
	    height: auto;
	    float: left;
	    height: 100%;
	    height: 100px;
	    
	    background-size: 80%;
	    background-position: center;
	    background-repeat: no-repeat;
	}
	#COPWebregistrationform fieldset {
	    padding: 0px  !important;
	    font-size: 1rem !important;
	}
	#COPWebregistrationform fieldset legend {
    	font-size: 1rem;
	}
	#COPWebregistrationform fieldset label.form-check-label {
    	padding-left: 10px;
	}
	.container-fluid.page_content_area.Helplines .inner .helpline_name {
	    font-weight: bold;
	    font-size: 1.2rem;
	    margin-bottom: 10px;
	}
	.container-fluid.page_content_area.Helplines .inner .details {
	    font-size: 1rem;
	}
	.container-fluid.page_content_area.Helplines .inner .details.helpline_web.details a {
	    border: 2px solid #000000;
	    background-color: #ffffff;
	    display: inline-block;
	    padding: 8px;
	    padding-left: 15px;
	    padding-right: 15px;
	    border-radius: 20px;
	    text-decoration: none;
	    font-weight: bold;
	    margin-top: 20px;
	}
	
	
	.quick_link_icon_block {
	    float: right;
	    border: 1px solid #333333;
	    padding: 5px;
	    border-radius: 20px;
	}
	.quick_link_icon_block a {
	    border-right: 1px solid #000000;
	    padding-right: 10px;
	    display: inline-block;
	}
	.quick_link_icon_block a:last-child {
	    border-right: 0px solid #000000;
	    padding-right: 10px;
	    display: inline-block;
	}
	
	.profilepage_headshot {
	    width: 150px;
	    height: 150px;
	    background-color: #facb43;
	    border-radius: 50%;
	    display: inline-block;
	    border: 3px solid #daaa1d;
	    background-image: url('../../assets/img/profile-nb.png');
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin-left: auto;
	    margin-right: auto;
	    display: table; 
	    
	}
	
	.mini_postparentbutton, .mini_backtohome_button, .mini_readmore_button {
	    background-color: #ffffff;
	    color: #000000;
	    padding: 8px;
	    border-radius: 20px;
	    font-size: 1rem;
	    padding-left: 15px;
	    padding-right: 15px;
	    text-decoration: none;
	    margin-top: 0px;
	    margin-right: .5rem;
	    border: 2px solid #000000;
	    font-weight: bold;
	    display: inline-block;
	    margin-bottom: 5px;
	}
	.mini_newresource_button {
    background-color: #ffd700;
    color: #ffffff;
    padding: 5px;
    border-radius: 20px;
    font-size: .8rem;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    margin-top: 0px;
    margin-right: .5rem;
	}
	.mini_inprogressresource_button {
    background-color: #48c78e;
    color: #ffffff;
    padding: 5px;
    border-radius: 20px;
    font-size: .8rem;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    margin-top: 0px;
    margin-right: .5rem;
	}
	.mini_finishedresource_button {
    background-color: #ffd700;
    color: #ffffff;
    padding: 5px;
    border-radius: 20px;
    font-size: .8rem;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    margin-top: 0px;
    margin-right: .5rem;
	}
	.change_avatar_button {
    background-color: #ffffff;
    color: #000000;
    padding: 8px;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    width: auto;
    text-decoration: none;
    border: 2px solid #000000;
	}
	p.excerpt
	{
	clear:both;
	font-size: 1rem !important;
	}
	
	.tab-pane {
    background-color: #ffffff;
    padding: 20px;
	}
	nav .offcanvas-header button.btn-close
	{
		float: right;
		margin-left: auto;
	}
	nav .offcanvas-body .user_display_block
	{
		width:120%; 
		height: 250px; 
		position: relative; 
		left:-25px;
		background-image: url('../../assets/img/bgs/yellow.png');
		background-size: contain;
	}
	nav .offcanvas-body .user_display_block .inner
	{
		padding: 25px;
	}
	nav .headshot
	{
		display: flex;
	}
	nav .headshot .visual
	{
		width: 50px; height: 50px; 
		background-color: #facb43; 
		border-radius:50%; 
		background-size: cover;
		margin-left: auto;
		margin-right: auto;
		border:3px solid #daaa1d;
		background-image: url('../../assets/img/profile-nb.png');
		display: inline-block;
	}
	
	nav .offcanvas-body .user_display_block .inner .visual
	{
		width: 120px; height: 120px; 
		background-color: #facb43; 
		border:3px solid #daaa1d;
		border-radius:50%; 
		background-size: cover;
		margin-left: auto;
		margin-right: auto;
		background-image: url('../../assets/img/profile-nb.png');
		margin-left: auto;
		margin-right: auto;
		display: table;
	}
	nav .offcanvas-body .user_display_block .inner .offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
	}

	img.askme_header_logo 
	{
    	width: 100px;
	}
	
	body.page-template-default
	{
		background-color: #facb43 !important;
	}
	
	body.post-type-archive
	{
		background-image: url('../../assets/img/bgs/home.png');
		background-size: contain;
	}
	body.post-type-archive-faqs, body.post-type-archive-announcements, body.post-type-archive-glossaries, body.single-faqs, body.single-announcements, body.single-glossaries
	{
		background-image: url('../../assets/img/bgs/faq.png');
		background-size: contain;
	}
	
	body.post-type-archive-avatars, body.single-avatars
	{
		background-image: url('../../assets/img/bgs/yellow.png');
		background-size: contain;
	}
	
	body.post-type-archive.post-type-archive-helplines, body.single-helplines
	{
		background-image: url('../../assets/img/bgs/helplines.png');
		background-size: contain;
	}
	
	body.post-type-archive.post-type-archive-resources
	{
		background-image: url('../../assets/img/bgs/resources.png');
		background-size: contain;
	}
	
	body.single-resources
	{
		background-image: url('../../assets/img/bgs/resources.png');
		background-size: contain;
	}
	
	body.post-type-archive.post-type-archive-stories
	{
		background-image: url('../../assets/img/bgs/stories.png');
		background-size: contain;
	}
	
	body.single-stories
	{
		background-image: url('../../assets/img/bgs/stories.png');
		background-size: contain;
	}
	
	
	
	body .inner_body {
    
	}
	
	.inner_body p{
	    font-size: 1rem;
	    line-height: initial;
	    padding-bottom: 1rem;
	    padding-top: 1rem;
	}
	
	ul li, ol li {
	    font-size: 1rem;
	    line-height: initial;
	    padding-bottom: 0rem;
	    padding-top: 0rem;
	}
	
	
	.quick_link_icon_block div.icon 
	{
	    display: inline-block;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: 25px;
	}
	
	.quick_link_icon_block div.icon_favourites
	{
		width: 30px;
		height: 30px;
		overflow: hidden;
		background-image: url('../../assets/img/icons/heart.png');
		text-indent: -100px;
	}
	
	.quick_link_icon_block div.icon_profile
	{
		width: 30px;
		height: 30px;
		overflow: hidden;
		background-image: url('../../assets/img/icons/person.png');
		text-indent: -100px;
	}
	
	.quick_link_icon_block div.icon_helplines
	{
		width: 30px;
		height: 30px;
		overflow: hidden;
		background-image: url('../../assets/img/icons/phone.png');
		text-indent: -100px;
	}
	
	.quick_link_icon_block div.icon_glossary
	{
		width: 30px;
		height: 30px;
		overflow: hidden;
		background-image: url('../../assets/img/icons/glossary.png');
		text-indent: -100px;
	}
	
	.quick_link_icon_block div.icon_home
	{
		width: 30px;
		height: 30px;
		overflow: hidden;
		background-image: url('../../assets/img/icons/home.png');
		text-indent: -100px;
	}
	
	/* HOME STYLES */
	body.home, body.page-template-default
	{
		background-image: url('../../assets/img/bgs/yellow.png');
		background-size: contain;
	}
	h1.home_title {
	    font-size: 4rem;
	    font-weight: 800;
	}
	.home_sub_title 
	{
    	font-style: italic;
    	font-weight: 400;
	}
	h1.home_title span.highlighted 
	{
	    color: #f6ba1d;
	}
	.home_div
	{
		padding-top: 50px;
		padding-bottom: 3rem; 
	}
	body.home .btn_signin 
	{
	    background-color:#212099 !important;
	    border-color: #212099;
	    box-shadow: 0 1px 3px 0 rgb(140 130 105);
	    border-radius: 2rem;
	    font-weight: bold;
	}
	body.home .btn_register 
	{
	    background-color:#212099!important;
	    border-color:#212099;
	    box-shadow: 0 1px 3px 0 rgb(140 130 105);
	    border-radius: 2rem;
	    font-weight: bold;
	}
	.btn_signin 
	{
	    background-color:#212099 !important;
	    border-color: #212099;
	    box-shadow: 0 1px 3px 0 rgb(140 130 105);
	    border-radius: 2rem;
	    font-weight: bold;
	}
	body.home .site_header nav {
	}
	body.home .site_header nav a.navbar-brand.main_logo {
    	margin-right: 0px;
	}
	body.home .site_header nav a.navbar-brand.brand_logo img {
    	max-width: 100px;
	}
	body.home img.AskMe_homelogo {
    width: 100%;
    max-width: 200px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    clear: both;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
	}

	body.home footer {
    	border-top: 3px solid #d8d4cc;
	}

	
	body.page
	{
		
	}

	
	/* ARCHIVES PAGE */
	
	
	body.archive .page_content_area 
	{
	    width: 100%;
	    max-width: 940px;
	    background-color: transparent;
	    padding: 10px;
	}
	body.archive div#quick_links 
	{
	    background-color: transparent;
	    padding-top: 15px;
	}
	body.archive .quick_link_icon_block
	{
		float: right;
	}
	body.archive .quick_link_icon_container
	{
		width: 50px; 
		height: 50px; 
		border: 7px solid #333333; 
		text-align: center; 
		border-radius: 50%; 
		display: block; 
		border-style: double;
		padding-top: 4px;
		float:left;
		margin-left: 5px;
		margin-right: 5px;
	}
	body.archive .site_header nav {
	}
	body.archive footer {
	}
	
	body.archive h1.page_title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
	}
	body.archive hr.page_title_hr
	{
		margin-bottom: 2rem;
		border-bottom: 1px dotted rgba(124, 70, 87, 0.25);
	}
	
	
	a.avatar_block 
	{
	    width: 120px;
	    height: 120px;
	    display: inline-flex;
	    margin-right: 5px;
	    margin-bottom: 10px;
	    background-color: #cccccc;
	    border-radius: 50%;
	    overflow: hidden;
	    padding-left: 0px;
	    border: 5px solid #d6d4d2;
	}
	a.avatar_block img 
	{
    height: 120px;
    vertical-align: middle;
    width: 120px;
    max-width: 120px !important;
    text-align: center;
	}
	a.avatar_block.single {
    width: 200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    display: table;
	}
	
	a.avatar_block.single img {
    width: 200px;
    height: 200px;
    max-width: 200px !important;
	}
	button#COPWeb_selectAvatasrSubmit {
    font-size: 1rem;
    font-weight: bold;
    padding: 8px;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    background-color: #ffffff !important;
	}
	form#COPWeb_selectAvatasrForm {
    display: table;
    margin-left: auto;
    margin-right: auto;
	}
	.desktop_page_content_area_inner {
		background-color: #ffffff;
	    padding: 1.5rem;
	    border-radius: 20px;
	    margin-top: 1rem;
	    margin-bottom: 1rem;
	}
	.desktop_page_content_area_inner h2 {
	font-size: 1.5rem;
	margin-top:1rem;
	}
	.desktop_page_content_area_inner h3 {
		font-size: 1.3rem;
	}
		
	

	/* FAQ Block */
	
	.container-fluid.page_content_area.Frequenty_Asked_Questions {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	
	.container-fluid.page_content_area.Frequenty_Asked_Questions {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	
	.container-fluid.page_content_area.Frequenty_Asked_Questions .inner {
    background-color: #ffffff;
    padding: 1.5rem;
    height: 100%;
    border-radius: 20px;
    
	}
	.container-fluid.page_content_area.Frequenty_Asked_Questions .inner  .link_text.mini_readmore_button {
    	background-color: #ffffff;
	    color: #000000;
	    padding: 8px;
	    border-radius: 20px;
	    font-size: 1rem;
	    padding-left: 15px;
	    padding-right: 15px;
	    text-decoration: none;
	    margin-top: 0px;
	    margin-right: .5rem;
	    border: 2px solid #000000;
	    font-weight: bold;
	}

	
	/* Announcements */
	.container-fluid.page_content_area.Announcements {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	
	.container-fluid.page_content_area.Announcements .inner {
    background-color: #ffffff;
    padding: 1.5rem;
    height: 100%;
    border-radius: 20px;
    
	}
	.container-fluid.page_content_area.Announcements .inner .datefield, body.single-announcements .datefield{
    display: block;
    font-size: .8rem;
    margin-bottom: .5rem;
	
	}
	.mini_datefield{
    display: block;
    font-size: .8rem;
    margin-bottom: .5rem;
	
	}
	body.single-announcements .desktop_page_content_area_inner
	{
		min-height: 60vh;
		padding: 1.5rem 1rem;
	}
	
	a.link_text.faq_link {
    text-decoration: none;
    font-weight: 700;
    display: block;
	}
	
	body.single-faqs .desktop_page_content_area_inner
	{
		min-height: 60vh;
		padding: 1.5rem 1rem;
	}
	
	body.archive .faqblock_main {
    box-shadow: rgb(99 99 99 / 0%) 0px 2px 2px 0px;
    margin-bottom: .5rem;
    background-color: transparent;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 1rem;
    border: 1px solid #bdbcb9;
    clear: both;
    border-radius: 7px;
	}
	body.archive .faqblock_main a.link_icon {
    width: 30px;
    height: 30px;
    padding: 3px 3px 3px 9px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    display: inline-block;
    float: right;
	}
	body.archive .faqblock_main a.link_text {
    text-decoration: none;
    font-weight: 800;
	}
	body.archive .container.faqblock {
    padding-left: 10px;
    padding-right: 10px;
	}
	
	
	/* Glossaries */
	
	.container-fluid.page_content_area.Glossary {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	body.single-glossaries .desktop_page_content_area_inner
	{
		min-height: 60vh;
		padding: 1.5rem 1rem;
	}
	
	.container-fluid.page_content_area.Glossary .inner {
    background-color: #ffffff;
    padding: 1.5rem;
    height: 100%;
    border-radius: 20px;
    
	}
	.container-fluid.page_content_area.Glossary .badge{
    display: inline-block;
    width: auto;
    background-color: #ffffff;
    border-radius: 20px;
    margin-right: .3rem;
    margin-bottom: .3rem;
    padding: 15px;

	}
	.container-fluid.page_content_area.Glossary .badge a
	{
		text-decoration: none;
		font-weight: 700;
	}
	
	body.archive .glossaryblock_main {
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    margin-bottom: .5rem;
	    background-color: #ffffff;
	    padding-top: .5rem;
	    padding-bottom: .5rem;
	    font-size: 1rem;
	    border: 1px solid #333333;
	    clear: both;
	    
	    
	}
	body.archive .glossaryblock_main a.link_icon {
    width: 30px;
    height: 30px;
    padding: 3px 3px 3px 9px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    display: inline-block;
    float: right;
	}
	body.archive .container.glossaryblock {
    padding-left: 10px;
    padding-right: 10px;
	}
	
	/* Single */
	body.single h1.page_title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
	}
	body.single hr.page_title_hr
	{
		margin-bottom: 2rem;
		border-bottom: 1px dotted rgba(124, 70, 87, 0.25);
	}
	body.single div#quick_links 
	{
	    background-color: transparent;
	    padding-top: 15px;
	}
	body.single .quick_link_icon_block
	{
		float: right;
	}
	body.single .quick_link_icon_container
	{
		width: 50px; 
		height: 50px; 
		border: 7px solid #333333; 
		text-align: center; 
		border-radius: 50%; 
		display: block; 
		border-style: double;
		padding-top: 4px;
		float:left;
		margin-left: 5px;
		margin-right: 5px;
	}
	

	body.single .page_content_area 
	{
	    width: 100%;
	    max-width: 940px;
	    background-color: transparent;
	    padding: 10px;
	}
	
	
	/* Resources */
	
	.container-fluid.page_content_area.Resources {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	.container-fluid.page_content_area.Resources .resource_thumbnail 
	{
		width: 70px;
	    height: 70px;
	    background-color: #cccccc;
	    margin-bottom: 10px;
	    overflow: hidden;
	    float: left;
	    border-radius: 50%;
	    margin-right: 15px;
	}
	.container-fluid.page_content_area.Resources .resource_thumbnail img {
	    object-position: center;
	    width: 70px;
	    height: 70px;
	    object-fit: cover;
	}
	.container-fluid.page_content_area.Resources .inner {
    background-color: #ffffff;
    padding: 1.5rem;
    height: 100%;
    border-radius: 20px;
    
	}
	.container-fluid.page_content_area.Resources .inner a.link_text.resources {
    text-decoration: none;
    font-weight: 700;
    display: block;

	}
	
	
	/* Stories */
	
	.container-fluid.page_content_area.Stories {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	.container-fluid.page_content_area.Stories .resource_thumbnail {
    width: 70px;
    height: 70px;
    background-color: #cccccc;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
	}
	.container-fluid.page_content_area.Stories .resource_thumbnail a img {
    object-position: center;
    width: 70px;
    height: 70px;
    object-fit: cover;
	}
	.container-fluid.page_content_area.Stories .inner {
    background-color: #ffffff;
    padding: 1.5rem;
    height: 100%;
    border-radius: 20px;
	}
	.container-fluid.page_content_area.Stories .inner a.link_text.story {
    text-decoration: none;
    font-weight: 700;
    display: block;
	padding-top: .5rem;
	}
	
	
	/*Announcements */
	.container-fluid.page_content_area.Announcements {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	.container-fluid.page_content_area.Announcements .resource_thumbnail {
    width: 70px;
    height: 70px;
    background-color: #cccccc;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
	}
	.container-fluid.page_content_area.Announcements .resource_thumbnail a img {
    object-position: center;
    width: 70px;
    height: 70px;
    object-fit: cover;
	}
	
	.container-fluid.page_content_area.Announcements .inner {
    background-color: #ffffff;
    padding: 1.5rem;
    height: 100%;
    border-radius: 20px;
	}
	.container-fluid.page_content_area.Announcements .inner a.link_text.announcement {
    text-decoration: none;
    font-weight: 700;
    display: block;
	padding-top: .5rem;
	}
	
	.user_corner_list_announcement  .resource_thumbnail {
    width: 70px;
    height: 70px;
    background-color: #cccccc;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
	}
	.user_corner_list_announcement .resource_thumbnail a img {
    object-position: center;
    width: 70px;
    height: 70px;
    object-fit: cover;
	}
	.featured_image {
    text-align: center;
	}
	
	/* Helplines */
	.container-fluid.page_content_area.Helplines {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	
	.container-fluid.page_content_area.Helplines {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	
	.container-fluid.page_content_area.Helplines .inner {
    background-color: #ffffff;
    padding: 1.5rem;
    height: 100%;
    border-radius: 20px;
    
	}
	
	/* Avatars */
	.container-fluid.page_content_area.Avatars {
    min-height: 60vh;
	padding: 1.5rem 1rem;
	}
	
	
	
	body.single-resources .desktop_page_content_area_inner, body.single-faqs .desktop_page_content_area_inner, body.single-announcements .desktop_page_content_area_inner, body.single-glossaries .desktop_page_content_area_inner
	{
		background-color: #ffffff;
	    padding: 1.5rem;
	    border-radius: 20px;
	    margin-top: 1rem;
	    margin-bottom: 1rem;
	}
	
	
	footer, body.archive footer {
    position: relative;
    bottom: -75px;
	}
	
	/* Page */
	body.page h1.page_title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
	}
	body.page hr.page_title_hr
	{
		margin-bottom: 2rem;
		border-bottom: 1px dotted rgba(124, 70, 87, 0.25);
	}
	body.page div#quick_links 
	{
	    background-color: transparent;
	    padding-top: 15px;
	}
	body.page .quick_link_icon_block
	{
		float: right;
	}
	body.page .quick_link_icon_container
	{
		width: 50px; 
		height: 50px; 
		border: 7px solid #333333; 
		text-align: center; 
		border-radius: 50%; 
		display: block; 
		border-style: double;
		padding-top: 4px;
		float:left;
		margin-left: 5px;
		margin-right: 5px;
	}
	body.page .site_header nav {
	}
	body.page footer {
	}
	body.page .page_content_area 
	{
	    width: 100%;
	    max-width: 940px;
	    background-color: transparent;
	    min-height: 60vh;
		padding: 1.5rem 1rem;
	}
	
	/* Form Controls */
	input[type=text].form-control {
    border-radius: 7px;
    border-width: 1px;
    border-color: #d6d6d6;
    min-height: 50px;
	}
	input[type=password].form-control {
    border-radius: 7px;
    border-width: 1px;
    border-color: #d6d6d6;
    min-height: 50px;
	}
	select.form-select{
    border-radius: 7px;
    border-width: 1px;
    border-color: #d6d6d6;
    min-height: 50px;
	}
	.form_submit {
        background-color:#212099 !important;
	    border-color: #212099;
	    box-shadow: 0 1px 3px 0 rgb(140 130 105);
	    border-radius: 2rem;
	    font-weight: bold;
	}
	form#COPWebregistrationform {
    padding-bottom: 20px;
	}

	/* User Corner */
	.inner.user_corner_list_announcement {
    background-color: #ffffff;
    padding: 1.5rem;
    border-radius: 20px;
	}






div#site-banner {
    width: 100%;
    height: auto;
    max-height: 400px;
    background-color: #ffc62c;
    display: block;
    min-height: 400px;
}


.block_primaryvisual {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
    padding-bottom: 2rem;
}
img.primaryvisual {
    max-height: 400px;
}





div#pre_header {
    background-color: #ffc62c;
    float: right;
    text-align: right;
    height: 50px;
    border-bottom: 1px solid #333333;
}
.wpml-ls-legacy-list-vertical {
    text-align: revert;
    float: right;
}

.my_home_block_large.border {
    background: #43C6AC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F8FFAE, #43C6AC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F8FFAE, #43C6AC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-image:url('http://localhost/COP-Web/wp-content/uploads/2023/03/bg_01_flip.png');
    background-position: top;
}

	.my_home_block_mini
	{
		position: relative;
		overflow: hidden;
	}
	.my_home_block_mini  {
	    width: 100%;
	    background-color: #ffffff;
	    border-radius: 20px;
	    height: 130px;
	    float: left;
	    padding: 20px;
	    margin-bottom: 10px;
	    padding-top: 5px;
	}
	.my_home_block_mini  p.tool_description
	{
		font-size: 1rem;
		padding-top: 0px;
		margin-top: 0px;	
		padding-bottom: 0px;
		padding-right:5px;
	}

	.my_home_block_mini .visualarea
	{
		width: 35%;
	    height: 100%;
	    background: #00B4DB;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	    position: absolute;
		left: 0px;
	    top: 0px;
	    background-size: cover;
	    background-position: center;
	}
	.my_home_block_mini .textarea
	{
		position: absolute;
		left: 30%;
		padding-left: 10%;
	}
	.inner.my_home_block 
	{
    background-color: #ffffff;
    padding: 1.5rem;
    border-radius: 20px;
    margin-bottom: 1rem;
    text-align: center;
	}
	.inner.my_home_block h2.sub_title {
    font-size: 1.2rem;
    font-weight: 700;
	}
	.inner.my_home_block .narrative_text {
    font-size: 1rem;
	}
	
	.inner.my_home_block  a.link_text.medium_button {
    background-color: #000000;
    border-radius: 20px;
    text-decoration: none;
    color: #ffffff;
    padding: 1rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1rem;
	}


/* HOME */



.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.btn-hover {
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 20px;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}






/* QUICK LINKS */



/* NAVIGATION */
.nav-item
{
border-bottom: 1px solid #cccccc;
}
.nav-link
{
color: #000000;
font-size: 1rem;
font-weight: bold;
}
img.custom-logo {
    height: 60px;
    width: auto;
}
header.site-header.has-logo.has-title-and-tagline {
    padding-top: 0px;
}
a.navbar-brand2 {
    font-weight: bold;
    text-decoration: none;
    color: #019ce0;
}
button.navbar-toggler, button.navbar-toggler:focus {
    background-color: transparent !important;
    color: #000000 !important;
    border: 0px !important;
}




	/* FOOTER */
	
	a.footer_link
	{
		text-decoration: none;
		font-size: 1rem;
		margin-right: 1rem;
		font-weight: bold;
		display: inline-block;
	}








.otgs-development-site-front-end
{
display: none;
}
.faq_block_container {
    width: 100%;
    max-width: 100% !important;
}
.faq_block
{
	width: 100%; height: auto; min-height: 50px; background-color:#ffffff; border-radius:2rem; margin-top:.4rem; border:1px solid #cccccc;
	padding-left: 1rem;
	padding-top: .7rem;
	padding-bottom: .7rem;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: 0.1s;
	opacity: 100;
	margin-top: 2px !important;
}
.faq_block:hover 
{
	border:5px solid #cccccc;
	opacity: 80;
	
}
.faq_block a.faq_item {
    text-decoration: none;
    color: #000000;
}
.faq_block a.faq_item_arrow
{
	float: right;
	padding-right: 1rem;
}

.resources_block
{
	width: 100%; height: auto; min-height: 70px; background-color:#ffffff; border-radius:2rem; margin-top:.4rem; border:1px solid #cccccc;
	padding-left: 1rem;
	padding-top: .7rem;
	padding-bottom: .7rem;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: 0.1s;
	opacity: 100;
	margin-top: 2px !important;
}
.resources_block:hover 
{
	opacity: 80;
	background-color: #ffc62c;
	
}
.resources_block a.resources_item {
    text-decoration: none;
    color: #000000;
}
.resources_block a.resources_item_arrow
{
	float: right;
	padding-right: 1rem;
}

.resources_block  a.resources_item_visual {
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: #cccccc;
}

.wp-block-post-content {
    padding-left: .5rem;
    padding-right: .5rem;
}
.wp-block-group {
    padding-left: .5rem;
    padding-right: .5rem;
}
.copyright_text {
    font-size: 1rem;
}

  .nav-item.sharethisapp
  {
  	display: none;
  }
  
  body.single-stories .container-fluid.page_content_area {
    background: #ffffff;
    margin-left: auto;
    margin-right:auto;
    margin-top:5%;
    width: 90%;
    padding: 5%;
    border-radius: 20px;
  }
  
  body.single-stories .container-fluid.page_content_area  .desktop_page_content_area_inner {
    min-height: 70vh;
    width: 103%;
	}
	
	
	.favourite_list_block .inner {
    background-color: #ffffff;
    padding: 1.5rem;
    border-radius: 20px;
    height: 100%;
	}
	.favourite_list_block .inner  a.favourite_title {
    text-decoration: none;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
	}
	
	form#COPWeb_completeStoryForm {
    background-color: #ffffff;
    display: inline-block;
    width: 97%;
    padding: 15px;
    border-radius: 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px 0 rgb(140 130 105);
    border: 2px solid #000000;
    margin-top: 10px;
	}
	button.mini_readmore_button {
    background-color: transparent !important;
    color: #000000 !important;
	}
	button#COPWeb_logoutSubmit {
    background-color: transparent !important;
    border: 0px;
    font-size: 1.5rem;
    padding-left: 0px;
    padding-right: 0px;
	}
	button#sharethisapp {
    background-color: transparent !important;
    border: 0px;
    font-size: 1.5rem;
    padding-left: 0px;
    padding-right: 0px;
	}
	form#COPWeb_logoutForm {
    display: inline-block;
	}
	
	.profile_gender_box {
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 20px;
    box-shadow: 0 1px 3px 0 rgb(140 130 105);
    font-size: 1rem;
	}
	button#COPWeb_updateGender {
    background-color: #ffffff;
    border: 2px solid #000000;
    color: #000000;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 20px;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
	}
	
	button#COPWeb_login {
    background-color: #ffffff !important;
    color: #000000;
    font-weight: bold;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 100px;
    border: 2px solid #000000;
	}
	button#COPWeb_register {
    background-color: #ffffff !important;
    color: #000000;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
	}
	
	div#cookie_notice_container {
	    position: fixed;
	    bottom: 0px;
	    width: 100%;
	    z-index: 200;
	}
	
	div#cookie_notice_block {
    background-color: #ffffff;
    padding: 10px;
    width: 100%;
    font-size: 1rem;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	div#accessibility_notice_block {
    background-color: #ffffff;
    padding: 10px;
    width: 100%;
    font-size: 1rem;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	button#COPWeb_delete_confirmation {
    background-color: #ffffff !important;
    color: red !important;
    border: 2px solid red;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
	}
	
	button#COPWeb_delete_cancel {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
	}
	button#COPWeb_deleteAccount {
    background-color: transparent;
    color: red;
    border: 2px solid red;
    border-radius: 20px;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1rem;
	}
	.nav-item:last-child {
    border-bottom: none;
	}
	form#COPWebregistrationform textarea#terms_and_conditions {
    border-radius: 7px;
    padding: 10px;
    border-color: #cccccc;
	}
	a.link_button.resources {
    background-color: transparent;
    border: 2px solid #000000;
    border-radius: 20px;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    font-weight: bold;
    font-size: 1rem;
    float: left;
    margin-right: 10px;
    text-decoration: none;
	}
	form#COPWeb_BookmarkresourceForm {
    float: left;
	}
	h2.sub_title {
    font-size: 1.2rem;
    font-weight: bold;
	}
	.favourites_thumbnailholder {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 20px;
	}
	img.thumbnail.circle.favouritelist {
    height: 100%;
    width: auto;
    object-fit: cover;
	}
	.favourite_list_block form#COPWeb_BookmarkresourceForm {
	float: left;
	margin-top: 10px;
	display: block;
	clear: both;
	}
	.badge_list_title {
    font-weight: bold;
    font-size: 1.5rem;
    border-bottom: 1px solid #000000;
    margin-bottom: 10px;
    margin-top: 10px;
	}
	.badge_list_entries {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
	}
	.badge_list_entries .badge_list a.link_text.glossary_link {
    text-decoration: none;
    font-size: 1rem;
	}
	.link-secondary {
    color: #6c757d;
    text-decoration: none;
	}
	nav .offcanvas-body .user_display_block a {
    text-decoration: none;
	}
	
	div#accessibility_note_block {
    margin-bottom: 4.5rem;
    margin-top: 1.5rem;
	}
	#accessibility_note_block a {
    font-size: 1rem;
    text-decoration: none;
    text-align: right;
    float: left;
	}
	
	div#accessibility_block {
    background-color: #f7f7f7;
    padding: 1.2rem;
    border-radius: 7px;
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
	}
	div#accessibility_block h1
	{
		font-size: 2rem;
		font-weight: bold;
		margin-bottom: 1rem;
		margin-top: .5rem;
	}
	
	div#accessibility_block h2
	{
		font-size: 1.6rem;
		font-weight: bold;
		margin-bottom: 1rem;
		margin-top: .5rem;
	}
	div#accessibility_block h3
	{
		font-size: 1.4rem;
		font-weight: bold;
		margin-bottom: 1rem;
		margin-top: .5rem;
	}
	
	
	.screen-reader-text {
	  border: 0;
	  clip: rect(1px, 1px, 1px, 1px);
	  clip-path: inset(50%);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
	  word-wrap: normal !important;
	}
	
	.screen-reader-text:focus {
	  background-color: #eee;
	  clip: auto !important;
	  clip-path: none;
	  color: #444;
	  display: block;
	  font-size: 1em;
	  height: auto;
	  left: 5px;
	  line-height: normal;
	  padding: 15px 23px 14px;
	  text-decoration: none;
	  top: 5px;
	  width: auto;
	  z-index: 100000;
	}
	
	h2.page_title {
	    font-size: 1.2rem !important;
	    font-weight: bold !important;
	    border-bottom: 1px solid #cccccc;
	    padding-bottom: 10px;
	    color: #000000 !important;
	}
	code
	{
	font-family: Arial, Verdana, Helvetica, sans-serif !important;
	color: #000000;
	line-height: auto;
	}
	
	.desktop_page_content_area_inner code p {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
    line-height: auto;
	}
	
	#togglePassword1
	{
	    cursor: pointer;
	    position: relative;
	    right: 0.5rem;
	    top: -2rem;
	    float: right;
	}
	#togglePassword2
	{
	    cursor: pointer;
	    position: relative;
	    right: 0.5rem;
	    top: -2rem;
	    float: right;
	}
	


	@media screen and (min-width: 800px) 
	{
	    .nav-item.sharethisapp
	  {
	  	display: block !important;
	  }
	}
	
	@media only screen and (max-width: 768px) 
	{
	  
	  
	}
	@media (hover: none) 
	{
	  .nav-item.sharethisapp
	  {
	  	display: block !important;
	  }
	}