#header-logo
{
float:left;
width:140px !important;
margin-top:-12px !important;
}
#top-header-container
{
position:absolute;
width:100%;
height:40px;
line-height:40px;
vertical-align:middle;
z-index:1000 !important;
}
.top-header-nav
{
float:right;
}
.top-header-nav a
{
display:inline;
color:var(--webiste-text-color) !important;	
margin-left:20px;
font-family:Kanit !important;
font-family: Merriweather !important;
font-weight:700 !important;
font-size:15px !important;
}
#bottom-header-container
{
position:absolute;
width:100%;
height:50px;
line-height:50px;
vertical-align:middle;
top:40px;
z-index:1000 !important;
}
.bottom-header-nav
{
width:100% !important;
float:left;
text-align:right;
}
.bottom-header-nav a
{
display:inline;
color:var(--webiste-text-color) !important;	
padding:0px 10px;
font-family:Kanit !important;
font-family: Merriweather !important;
font-weight:700 !important;
font-size:18px !important
}
.top-header-nav a:hover,
.bottom-header-nav a:hover
{
color:var(--webiste-primary-color) !important;	
}
.bottom-header-nav a.btn-donate
{
float:right;
color:white !important;
background:var(--webiste-primary-color) !important;
height:36px !important;
line-height:34px !important;
margin-top:7px;
}
.bottom-header-nav a.btn-donate:hover
{
background:var(--webiste-second-color) !important;
}
.search-btn
{
float:right;
color:white;
background:var(--webiste-primary-color) !important;
display:inline-block;
line-height:initial !important;
width:30px;
height:30px;
line-height:30px;
vertical-align:middle;
text-align:center;
margin-top:5px;
margin-left:15px;
}
.search-btn:hover
{
background:var(--webiste-second-color) !important;	
}
.search-btn ion-icon
{
margin-bottom:-6px !important;	
}
#mobile-header, .hide-mobile-menu-bar
{
display:none !important;
}
footer
{
background:var(--webiste-footer-color) !important;		
}
.footer-link ul li a, .footer-copy-right p
{
color:var(--webiste-text-color) !important;	
font-family:Kanit !important;
font-size:18px;
font-family: Merriweather !important;
font-weight:700 !important;
font-size:15px !important
}
.footer-link ul li a:hover
{
color:var(--webiste-primary-color) !important;	
}
.footer-copy-right p a
{
color:var(--webiste-primary-color) !important;		
}
.imp-icon, .footer-social-link ul li a
{
background:var(--webiste-text-color) !important;	
color:white !important;		
}
.imp-icon:hover, .footer-social-link ul li a:hover
{
background:var(--webiste-primary-color) !important;		
}
#footer-logo
{
float:left;
width:140px !important;
}
.footer-site-description
{
float:left;
width:100%;
color:var(--webiste-text-color) !important;	
font-family:Kanit !important;
font-size:15px;
font-family: Merriweather !important;
margin-top:20px;
}
.contact-page-container
{
display:inline-block;
width:100% !important;
background:var(--webiste-footer-color) !important;	
padding-top:150px;
}
.contact-page-container h1,
.contact-page-container h2
{
float:left;
width:100%;
color:var(--webiste-text-color) !important;
font-size:48px !important;
font-family:Merriweather !important;
font-weight:700;
margin-bottom:30px;
}
.contact-page-container h2
{
font-size:30px !important;
margin-top:30px !important;
}
.contact-page-container p
{
color:var(--webiste-text-color) !important;
font-size:18px !important;	
margin-bottom:15px;
}
.contact-page-container p a
{
color:var(--webiste-text-color) !important;	
}
.contact-page-container p span
{
float:left;
width:100%;
text-transform:uppercase;
font-size:22px !important;
font-family:Merriweather !important;
font-weight:700;	
}
.contact-page-container .footer-social-link
{
float:left;
width:100% !important;	
}
button.custom-btn
{
border-radius:0px !important;
border:0px solid transparent !important;	
background:var(--webiste-text-color) !important;	
font-family:Kanit !important;
font-weight:400 !important;
padding:15px 15px !important;
}
label
{
font-family:Merriweather !important;
color:var(--webiste-text-color) !important;
font-size:18px !important;
font-weight:600;
margin-bottom:10px;
}
input, textarea, select
{
font-family:Merriweather !important;
color:var(--webiste-text-color) !important;
font-size:16px !important;	
padding:15px !important;
border:1px solid var(--webiste-text-color) !important;
margin-bottom:20px;
resize:none !important;
background:transparent !important;
border-radius:0px !important;
}
textarea
{
height:150px !important;
}
.main-page-section
{
float:left !important;
width:100%;
padding-top:150px !important;
background:var(--webiste-footer-color) !important;
}
.page-section-info-content
{
float:left !important;
width:100%;
margin-bottom:40px !important;
}
.page-section-info-content img.img100
{
float:left !important;
width:100%;
margin-bottom:30px !important;	
}
.page-section-info-content span
{
float:left !important;
width:100%;
color:var(--webiste-primary-color) !important;	
font-size: 25px !important;
font-family: Merriweather !important;
font-weight: 700;
margin-bottom:5px !important;
}
.page-section-info-content h2
{
float:left !important;
width:100%;
color:var(--webiste-text-color) !important;	
font-size: 48px !important;
font-family: Merriweather !important;
font-weight: 700;
margin-bottom:20px !important;
}
.page-section-info-content p
{
float:left !important;
width:100%;
color:var(--webiste-text-color) !important;	
font-size: 16px !important;
}
.team-img-profil-item
{
border-radius:0px !important;
width:100% !important;
height:initial !important;
padding-bottom:100% !important;
margin-bottom:10px;
}
.team-title-container h2
{
font-size: 30px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:uppercase;
color:var(--webiste-text-color) !important;	
}
.team-info-conatiner
{
text-align:left !important;
margin-bottom:40px !important;
}
.team-info-conatiner h2
{
font-size: 25px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:var(--webiste-text-color) !important;
margin-top:10px;		
}
.team-info-conatiner h3
{
font-size: 16px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:uppercase;
color:var(--webiste-text-color) !important;	
margin-top:10px;		
}
.team-info-conatiner p
{
font-size: 14px !important;
color:var(--webiste-text-color) !important;	
margin-top:15px;		
}
.team-info-conatiner span
{
float:left;
width:100%;
margin-top:15px !important;
color:var(--webiste-primary-color) !important	
}
.team-info-conatiner span ion-icon
{
margin-bottom:-2px !important;	
}
.team-page-info span
{
float:left !important;
width:100%;
font-size: 16px !important;
font-family: Merriweather !important;
font-weight: 700;	
color:var(--webiste-text-color) !important;
margin-bottom:30px;
}
.team-page-info h2
{
font-size: 48px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:var(--webiste-text-color) !important;
}
.team-page-info h3
{
font-size: 20px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:uppercase;
color:var(--webiste-text-color) !important;
margin-top:10px;
}
.team-page-info p
{
font-size: 14px !important;
color:var(--webiste-text-color) !important;
margin-top:30px;
}
.team-page-info span ion-icon
{
margin-bottom:-3px !important;
}
ul.social-link-contact
{
float:left !important;
width:100%;
margin-top:50px !important;	
}
ul.social-link-contact li
{
display:inline !important;	
margin:5px;
}
ul.social-link-contact li a
{
padding:7px 10px !important;
background:var(--webiste-primary-color) !important;
color:white !important;
}
ul.social-link-contact li a ion-icon
{
margin-bottom:-2px;	
}
.partner-container
{
padding:0px !important;
}
.partner-container .partner-box
{
background:transparent !important;	
}
.regions-container h1
{
font-size: 38px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:var(--webiste-text-color) !important;
margin-top:40px !important;
}
.project-category-container
{
float:left !important;
width:100%;
margin-top:50px !important;	
}
.project-category-container .row a
{
float:left !important;
width:100%;
color:var(--webiste-text-color) !important;
margin-bottom:10px;
font-weight:600;
}
.project-category-container .row a:hover
{
color:var(--webiste-primary-color) !important;
}
.project-category-container .row a ion-icon
{
margin-bottom:-3px;
}
.page-filter-grid
{
float:left;
width:100%;
display:grid;
position:relative;
grid-template-columns:repeat(7,1fr);
gap:10px;
margin-top:30px;
margin-bottom:30px;
padding:0px !important;
}
.page-filter-grid-section
{
position:relative;
}
.page-filter-grid-section label
{
position:absolute !important;	
background:var(--webiste-footer-color) !important;
padding:0px 10px;
top:-15px;
left:10px;
}
.page-filter-grid-section button
{
width:100% !important;
height:54px;
background:var(--webiste-primary-color) !important;
color:white;
border:0px solid transparent !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:uppercase;
}
.page-filter-grid-section button:hover
{
background:var(--webiste-text-color) !important;
}
.page-title-section
{
display:inline-block;
width:100%;
position:relative;
}
.page-title-section span
{
display:inline-block;
width:100%;
font-size: 16px !important;
font-weight: 400;	
text-transform:capitalize;
color:var(--webiste-primary-color) !important	
}
.page-title-section span ion-icon
{
margin-bottom:-3px;	
}
.page-title-section h1
{
display:inline-block;
width:100%;
font-size: 48px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:var(--webiste-text-color) !important	
}
.page-title-section p
{
display:inline-block;
width:100%;
font-size: 15px !important;
color:var(--webiste-text-color) !important;
margin-top:15px;
}
.filter-category-section
{
margin-bottom:30px;
position:relative;
}
.filter-category-section h3
{
display:inline-block;
width:100%;
font-size: 25px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:var(--webiste-text-color) !important;
margin-bottom:10px;
}
.filter-category-section ul
{
display:inline-block;
width:100%;	
}
.filter-category-section ul li
{
display:inline-block;
width:100%;	
}
.filter-category-section ul li a
{
display:inline-block;
width:100%;	
color:var(--webiste-text-color) !important;
}
.filter-category-section ul li a:hover
{
color:var(--webiste-primary-color) !important;	
}
.filter-category-section ul li a ion-icon
{
margin-bottom:-3px;
}
.project-img-bg
{
float:left;
width:100%;
padding-bottom:60%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;		
position:relative;
}
.pagination-section
{
padding-top:30px !important;
}
.pagination-section ul li,
.pagination-section ul li a
{
border-radius:0px !important;
}
.project-info-box
{
float:left;
width:100%;
margin-bottom:40px;
padding:40px 40px;
background:rgb(0,134,158);
}
.col-md-6:hover .project-info-box
{
background:rgb(0,77,100);	
}
.project-status, .project-region
{
display:inline;
color:white;
background:rgb(0,77,100);
padding:5px 10px;
font-size:13px;
font-weight:600;
margin-right:10px;
}
.col-md-6:hover .project-status
{
background:rgb(0,134,158);	
}
.project-region
{
background:white !important;
color:rgb(0,134,158) !important;
}
.project-category
{
float:left;
width:100%;
font-size: 30px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:white !important;
margin-top:15px;
margin-bottom:15px;
}
.project-category ion-icon
{
margin-bottom:-4px;
}
.project-info-box h2
{
float:left;
width:100%;
font-size: 20px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:white !important	
}
.blog-page-container
{
padding-top:120px !important;
padding-bottom:40px !important;
background:var(--webiste-footer-color) !important;
margin-top:0px !important;
z-index:100 !important;
}
.blog-page-container .blog-item-container-box
{
padding:0px !important;
overflow:hidden !important;
background:rgb(0,134,158) !important;
border-radius:0px !important;
border:0px solid transparent !important;
}
.blog-page-container .blog-item-container-box .blog-item-img
{
border-radius:0px !important;	
}
.blog-page-container .blog-item-container-box .blog-item-category
{
transform: rotate(0deg) !important;
top:10px !important;
left:10px !important;
padding:5px 10px !important;	
width:initial !important;
height:initial !important;
line-height:initial !important;
background:rgb(255,193,7) !important;
color:black !important;
border:0px solid transparent !important;
box-shadow:0px 0px 0px 0px transparent !important;
font-family:Kanit !important;
font-size:14px !important;
font-weight:400 !important;
}
.blog-page-container .div-item-info-container
{
padding:20px !important;	
}
.blog-page-container .blog-item-container-box h2
{
font-size:25px !important;
line-height:25px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
}
.blog-page-container .blog-item-container-box a.blog-item-view-more
{
color:white !important;
}
h1.blog-content-title
{
font-size: 40px !important;
line-height:45px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:var(--webiste-text-color) !important;	
}
p.blog-content-text
{
font-size: 15px !important;
color:var(--webiste-text-color) !important;	
}
span.sharetitle
{
color:var(--webiste-text-color) !important;		
}
.item-blog-comments-form button.custom-btn
{
padding:10px 30px !important;
border-radius:0px !important;
}
.blog-comments-item strong,
.blog-comments-item p,
.blog-comments-item span
{
color:var(--webiste-text-color) !important;		
}
.r-blog-item-img-container .blog-item-img
{
border-radius:0px !important;	
}
.r-blog-title,
.blog-page-container .r-blog-content h2,
.blog-page-container .r-blog-content p
{
color:var(--webiste-text-color) !important;		
}
.category-list-container ul.category-list li a
{
color:var(--webiste-text-color) !important;	
padding:0px !important;	
}
.category-list-container ul li a span
{
background:var(--webiste-primary-color) !important;		
}
.project-image-container
{
float:left !important;
width:100%;
position:relative;
}
.project-image-container .project-info-box
{
width:100% !important;
position:relative;
margin-top:0px;	
background:rgba(0,134,158,0.8);
}
.project-image-container .project-info-box h2
{
font-size: 40px !important;
line-height:45px !important;
}
.project-info-container
{
float:left;
width:100%;
margin-top:40px;
}
.project-info-container h3
{
font-size: 40px !important;
line-height:45px !important;
font-family: Merriweather !important;
font-weight: 700;	
text-transform:capitalize;
color:var(--webiste-text-color) !important;	
margin-bottom:10px !important;
}
.project-info-container p
{
font-size: 15px !important;
color:var(--webiste-text-color) !important;	
margin-bottom:40px !important;
}
.home-banner-info h1
{
font-size:50px !important;	
line-height:65px !important;
color:var(--webiste-primary-color) !important;
font-family:Merriweather !important;
}
.home-banner-info span
{
float:left;
width:100%;
font-size: 20px !important;
font-family: Kanit !important;
font-weight: 400;	
text-transform:capitalize;
color:#004d64 !important;	
margin-bottom:-40px !important;
}
.home-about-section h2
{
float:left;
width:100%;
font-size: 25px !important;
line-height:40px !important;
font-family: Kanit !important;
font-weight: 400;	
text-transform:capitalize;
color:var(--webiste-text-color) !important;	
margin-top:50px !important;
margin-bottom:30px !important;
padding-left:25% !important;
}
.call-to-action-container
{
float:left;
width:100%;
margin-top:15px;
margin-bottom:50px;
}
.home-about-section .call-to-action-container
{
margin-left:25% !important;	
}
.call-to-action-container a.call-to-action-btn
{
font-size: 18px !important;
font-family: Kanit !important;	
background:var(--webiste-primary-color) !important;	
color:white;
padding:10px 20px;
}
.call-to-action-container a.call-to-action-btn:hover
{
background:var(--webiste-text-color) !important;		
}
.call-to-action-container a.btn-orange
{
background:rgb(209,73,0) !important;
}
.call-to-action-center
{
text-align:center !important;
}
.home-blog-item
{
float:left;
width:100%;
margin-bottom:5px;
padding:20px;
background:white !important;
height:180px;
position:relative;
}
.home-blog-item h2
{
float:left;
width:100%;
font-size:18px !important;
line-height:25px !important;
font-family:Kanit !important;
font-weight:400;
color:var(--webiste-text-color) !important;
margin-top:15px;
}
.home-blog-item span
{
position:absolute;
right:20px;
bottom:20px;
font-size:18px !important;
line-height:25px !important;
font-family:Kanit !important;
font-weight:400;
color:rgb(209,73,0) !important;
}
.home-blog-item h4, .home-blog-item-l-info h4,
.home-blog-item h5, .home-blog-item-l-info h5
{
float:left;
display:inline !important;
background:rgb(255,193,7) !important;
color:var(--webiste-text-color) !important;
font-family:Kanit !important;
font-weight:400;
font-size:15px;
margin-right:10px;	
padding:2px 5px;
}
.home-blog-item h5
{
color:rgb(209,73,0) !important;
background:white !important;	
}
.home-blog-item-l-info h5
{
color:white !important;
background:transparent !important;	
}
.blog-item-1, .home-blog-item:hover
{
background:rgb(209,73,0) !important;	
}
.blog-item-1 h2, .home-blog-item:hover h2,
.blog-item-1 h5, .home-blog-item:hover h5,
.blog-item-1 span, .home-blog-item:hover span
{
background:rgb(209,73,0) !important;
color:white !important;	
}
.home-blog-item-l
{
float:left;
width:100%;
margin-bottom:5px;
padding:50px;
height:550px;
position:relative;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;
background-color:rgba(0,0,0,0.2);
}
.home-blog-item-l-info
{
position:absolute;
bottom:0px;
left:0px;
width:100%;
padding:50px;
}
.home-blog-item-l-info h2
{
float:left;
width:100%;
font-size:45px !important;
line-height:45px !important;
font-family:Merriweather !important;
font-weight:800;
color:white !important;
margin-top:15px;
}
.home-blog-item-l-info span
{
float:left;
background:rgb(209,73,0) !important;
color:white !important;
padding:5px 10px !important;
margin-top:20px !important;	
}
.other-title-style
{
float:left;
width:100%;
font-size:35px !important;
line-height:35px !important;
font-family:Merriweather !important;
font-weight:800;
color:var(--webiste-text-color) !important;
margin-top:35px;	
margin-bottom:35px;	
}
.home-project-category-item
{
float:left;
width:100%;
}
.home-project-category-info
{
float:left;
width:100%;
}
.home-project-category-info img
{
float:left;
width:100%;
margin-bottom:30px;	
}
.home-project-category-info h2
{
float:left;
width:100%;
font-size:45px !important;
line-height:45px !important;
font-family:Merriweather !important;
font-weight:800;
color:var(--webiste-text-color) !important;
margin-bottom:20px;
}
.home-project-category-info h3
{
float:left;
display:inline !important;
color:var(--webiste-primary-color) !important;
font-family:Kanit !important;
font-weight:400;
font-size:20px;
margin-bottom:15px;
}
.section-left-padding
{
padding-left:25% !important;	
}
.section-right-padding
{
padding-right:25% !important;	
}
.citation-container
{
float:left;
width:100%;
padding:80px 0px !important;
background:rgb(247,242,237) !important;
}
.citation-container h1
{
font-size:35px !important;
line-height:50px !important;
font-family:Merriweather !important;
font-weight:800;
color:rgb(0,77,100) !important;
}
.citation-container p
{
float:right;
display:inline !important;
color:var(--webiste-primary-color) !important;
font-family:Kanit !important;
font-weight:400;
font-size:25px;
margin-top:25px;
text-align:right !important;
}
.home-donate-section
{
float:left;
width:100%;
position:relative;	
padding:60px 0px;
padding-left:100px !important;
}
.home-donate-bg
{
float:left;
width:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-blend-mode: multiply;		
position:relative;
padding:100px 0px;
}
.home-donate-info
{
float:left;
width:100%;
margin-left:-100px;
padding:50px;
background:rgba(0,77,100,0.8);
}
.home-donate-info h3
{
float:left;
width:100%;
color:white !important;
font-family:Kanit !important;
font-weight:400;
font-size:20px;
margin-bottom:25px;
opacity:0.8;
}
.home-donate-info h2
{
font-size:45px !important;
line-height:45px !important;
font-family:Merriweather !important;
font-weight:800;
color:white !important;
}
.home-donate-info a
{
float:right;
color:rgb(0,77,100);
font-family:Kanit !important;
font-weight:400;
font-size:20px;
background:rgba(255,255,255,0.8);
padding:10px 15px;
}
.bottom-home-about
{
float:left;
width:100%;
padding:60px 0px;
}
.bottom-home-about h1
{
float:left;
width:100%;
margin-bottom:20px !important;
color:rgb(136,14,79) !important;	
}
.bottom-home-about p
{
float:left;
width:100%;
color:var(--webiste-text-color) !important;
font-family:Kanit !important;
font-weight:400;
font-size:20px;
margin-bottom:25px;
}
.bottom-home-about a.call-to-action-btn
{
background:rgb(233,20,99) !important;	
}
.bottom-section-container
{
float:left;
width:100%;
padding:80px 0px !important;
}
.bottom-section-container h1, .bottom-section-container h1 span
{
font-size:35px !important;
line-height:45px !important;
font-family:Merriweather !important;
font-weight:800;
color:var(--webiste-primary-color) !important;
}
.bottom-section-container h1 span
{
color:var(--webiste-text-color) !important;	
}
.bottom-section-container p
{
float:left;
width:100%;
color:var(--webiste-text-color) !important;
font-family:Kanit !important;
font-weight:400;
font-size:25px;
margin-top:55px;
padding-left:25% !important;
}
.bottom-section-container .call-to-action-container
{
padding-left:25% !important;
margin-top:30px;	
}
.bottom-section-container .call-to-action-container a.call-to-action-btn
{
/*background:rgb(233,20,99) !important;*/
}
.newsletter-home-section
{
float:left;
width:100%;
padding:50px;
background:rgb(136,14,79);
}
.newsletter-home-section h1
{
color:white !important;
font-size:55px !important;	
margin-top:0px !important;
}
.newsletter-home-section span
{
float:left;
width:100%;
color:white !important;
font-family:Kanit !important;
font-weight:400;
font-size:20px;
margin-bottom:25px;
}
.newsletter-home-section p
{
float:left;
width:100%;
color:white !important;
font-family:Kanit !important;
font-weight:400;
font-size:20px;
margin-top:25px;
}
.newsletter-home-section a.call-to-action-btn
{
color:rgb(136,14,79) !important;
background:rgba(255,255,255,0.8) !important;
float:right;
}
.container-bg-white
{
float:left;
width:100%;
max-width:100%;
min-width:100%;
background:rgb(247,242,237) !important;
padding:70px 0px !important;
position:relative;
}
.belge-bg-container
{
background:rgb(247,242,237) !important;	
}
.no-mobile-padding
{
padding:0px !important;
}
.partners-container h1 
{
font-size: 35px !important;
line-height: 35px !important;
font-family: Merriweather !important;
font-weight: 800;
color: rgb(0,77,100) !important;
color: var(--webiste-text-color) !important;
}
.partners-container p
{
float: left;
width: 100%;
font-size: 16px !important;
line-height: 28px !important;
font-family: Kanit !important;
font-weight: 400;
text-transform: capitalize;
color: var(--webiste-text-color) !important;
margin-top: 20px !important;
margin-bottom: 30px !important;
}
.partners-container ul li
{
float: left;
width: 100%;
font-size: 16px !important;
line-height: 28px !important;
font-family: Kanit !important;
margin-bottom:10px;	
color: rgb(0,77,100) !important;
}
.partner-data-container h1
{
color: rgb(0,77,100) !important;
margin-bottom:30px;
}
.partners-categrory-section
{
float:left;
width:100%;
text-align:center;
margin-top:30px;
}
.partners-categrory-section a
{
font-size: 35px !important;
line-height: 35px !important;
font-family: Merriweather !important;
font-weight: 800;
color: rgb(0,77,100) !important
}
.page-header-section-title
{
float:left;
width:100%;
margin-top:150px !important;
}
.page-header-section-title span
{
float: left;
width: 100%;
font-size: 18px !important;
line-height: 20px !important;
font-family: Merriweather !important;
font-weight: 800;
color: var(--webiste-text-color) !important;
margin-bottom: 20px;
}
.page-header-section-title h1
{
float: left;
width: 100%;
color: var(--webiste-primary-color) !important;
font-family: Kanit !important;
font-weight: 400;
font-size: 30px;
margin-bottom: 10px;	
}
.page-header-section-title h2
{
float: left;
width: 100%;
font-size: 65px !important;
line-height: 65px !important;
font-family: Merriweather !important;
font-weight: 800;
color: var(--webiste-text-color) !important;
margin-bottom: 20px;
}
.blog-page-container .blog-item-container-box
{
background:white !important;
}
.blog-page-container .blog-item-container-box h2
{
color: var(--webiste-text-color) !important;
font-family: Kanit !important;
font-weight: 400 !important;
font-size: 20px !important;
line-height:28px !important;
}
.blog-page-container .blog-item-container-box p
{
display:none !important;	
}
.blog-item-container-box span.date-style, .right-blog-item span.date-style
{
color:#d14900 !important;	
font-family: Kanit !important;
font-weight: 400 !important;
}
.blog-page-container .blog-item-container-box a.blog-item-view-more
{
color:#d14900 !important;
font-family:Kanit !important;
font-weight:400 !important;
text-align:right !important;
text-transform:capitalize !important;
margin-top:20px !important;
font-size:18px !important;
border-top:4px solid var(--webiste-footer-color) !important;
padding-top:15px !important;
}
.pupple-bg-container
{
float:left !important;
width:100%;
padding:50px 0px;
background:rgb(237,231,246);	
}
.publication-item-container
{
float:left;
width:100%;
background:white !important;
margin-bottom:30px;
padding:30px;
}
.publication-item-container span.publication-category,
.page-header-section-title span.publication-category
{
float:left;
color:white !important;
background:rgb(103,58,183) !important;
padding:5px 10px;
font-size:14px !important;
font-family:Kanit !important;
font-weight:400 !important;
margin-bottom:15px;
display:inline-block !important;
width:initial !important;
margin-right:7px !important;
}
.publication-item-container h4
{
float:left;
width:100% !important;
/*color:rgb(103,58,183) !important;*/
padding:0px !important;
margin:0px !important;
font-size:14px !important;
font-family:Kanit !important;
font-weight:400 !important;
}
.publication-item-container span.publication-read-more
{
float:left;
width:100% !important;
/*color:rgb(103,58,183) !important;*/
padding:0px !important;
margin:0px !important;
font-size:20px !important;
font-family:Kanit !important;
font-weight:400 !important;
margin-top:25px !important;
}
.publication-item-container h1
{
float:left;
width:100% !important;
/*color:rgb(103,58,183) !important;*/
padding:0px !important;
margin:0px !important;
font-size:35px !important;
font-family: Merriweather !important;
font-weight: 800;
}
.publication-item-container p
{
float:left;
width:100% !important;
color: var(--webiste-text-color) !important;
padding:0px !important;
margin:0px !important;
font-size:15px !important;
font-family:Kanit !important;
font-weight:400 !important;
margin-top:15px !important;
}
.pupple-bg-container .call-to-action-container a.call-to-action-btn
{
/*background:rgb(103,58,183) !important; */
}
.page-header-pupple
{
background:rgb(237,231,246) !important;
margin:0px !important;
padding-top:150px !important;
padding-bottom:50px !important;
}
.page-header-pupple span.title-min
{
color:rgb(103,58,183) !important;
}
.page-header-pupple h2
{
color:rgb(49,27,146) !important;
}
.publication-page-description
{
float:left;
width:100%;
padding-bottom:50px !important;
padding-top:50px;
background:white;
}
.publication-page-description p
{
float:left;
width:100% !important;
color: var(--webiste-text-color) !important;
padding:0px !important;
margin:0px !important;
font-size:17px !important;
font-family:Kanit !important;
font-weight:400 !important;
margin-top:15px !important;	
}
.publication-page-description h4
{
float:left;
width:100% !important;
color:rgb(103,58,183) !important;
padding:0px !important;
margin:0px !important;
font-size:18px !important;
font-family:Kanit !important;
font-weight:400 !important;
}
.sharepostbox
{
padding:0px !important;
}
.sharepostbox .sharetitle
{
width:100%;
float:left;
margin-bottom:10px !important;	
color: var(--webiste-primary-color) !important;
}
.footer-link
{
padding-top:85px !important;
}
.footer-link ul li
{
padding:0px !important;
margin:0px !important;
margin-bottom:5px !important;	
}
.footer-link ul li a
{
font-size:15px !important;
padding:0px !important;
margin:0px !important;
}