@charset "utf-8";
/* CSS Document */

.searchform { position:relative; margin-left:35px !important;}
.searchform input[type="search"] {border:solid 1px #D0D3D4  !important; padding:5px 10px !important; width:100% !important; border-radius:5px !important; font-size: 14px !important;    color: #D0D3D4 !important;}
.searchform input[type="search"]::placeholder {font-size: 14px !important;    color: #D0D3D4 !important;}
.searchform button { padding:0px!important; background:none !important; margin:0px !important; color:#D0D3D4 !important; position:absolute !important; right:10px!important; top:14px !important; border:0px !important; }

.catSelectBox {border:solid 1px #25303E  !important; padding:7px 10px !important; width:100% !important; border-radius:5px !important; font-size:14px  !important; background:#FFF !important;}
.catSelectBox option {font-size:14px  !important; border-bottom:solid 1px #F0F0F0  !important; padding:10px 10px !important;}
.blogTile { padding:15px 0px 15px 0;}
.topPosts { margin:10px 0 0 0; padding:10px 0 0 0; border-top:solid 1px #D0D3D4;}
.topPosts li { border-bottom:solid 1px #D0D3D4; padding:20px 0; list-style:none;}
.topPosts li a {color:#25303E !important;}
.catName a {  font-size: 12px !important; line-height: 24px !important; letter-spacing: 0.02em; text-decoration-line: underline; color:#0278CD !important;}
	.topPostsPadding { padding-left:40px !important;}
.topPosts li .catName a { color:#0278CD !important;}
.blogTile p {  font-size: 14px !important; line-height: 24px !important;}
h2.new {font-family: Poppins !important;  font-weight: bold !important; font-size: 30px !important; line-height: 40px !important; letter-spacing: 0.02em !important;}
h3.blogTitle, h4.blogTitle { text-align:left !important; font-weight: bold  !important; font-size: 18px !important; line-height: 28px  !important; letter-spacing: 0.02em !important;  color:#25303E !important; text-transform: capitalize !important; margin-bottom: 0px !important;}
h3.blogTitle a, h4.blogTitle a, h2.new a { color:#25303E !important;}
.imgThumb { height:180px; width:100%; display:inline-block; border-radius: 6px;  background-size:100% !important; transition:all 0.3s ease-in-out !important;  border: solid 1px #D0D3D4 !important;}
.imgBigThumb { height:280px; width:100%;  display:inline-block; border-radius: 6px;    background-size:100% !important; transition:all 0.3s ease-in-out !important;  border: solid 1px #D0D3D4 !important;}
.blogTile:hover .imgThumb, .blogTile:hover .imgBigThumb { background-size:110% !important;}

.blogTile.large .catName a, .topPosts li .catName a {font-size: 14px !important; line-height: 24px !important; color:#0278CD !important;}
.blogTile.singleBlog .imgBigThumb  {height:300px !important; width:100% !important; background-size:100% !important;}
.blogTile.singleBlog a { text-decoration:underline ;}
.blogTile.singleBlog:hover .imgBigThumb  {height:300px !important; background-size:100% !important;}
.blogTile.singleBlog .catName a{font-size: 18px !important; line-height: 28px !important;}
.blogTile.singleBlog h1.new {font-size: 42px !important; line-height: 52px !important;}
h3.subTitle {font-size: 26px !important; line-height: 36px !important; font-weight:normal !important;}
h3.blogTitle, h4.blogTitle { text-align:left !important; font-weight: bold  !important; font-size: 18px !important; line-height: 28px  !important; letter-spacing: 0.02em !important;  color:#25303E !important; text-transform: capitalize !important; margin-bottom: 0px !important;}
h3.blogTitle a, h4.blogTitle a, h2.new a { color:#25303E !important;}

.blogTile.large p {font-size: 16px !important; line-height: 28px !important;}

.pagination-wrap .page-numbers {background: #F0F0F0; border: 1.5px solid #F0F0F0;box-sizing: border-box;border-radius: 3px; padding: 0 8px; color:#25303E; display:inline-block; margin: 5px 4px; line-height: 24px; font-size: 14px; font-weight: bold; text-align: center;
letter-spacing: 0.1em;}
.pagination-wrap .page-numbers.current {background: #0278CD; border: 1.5px solid #0278CD;color:#FFF;}

.blogContent h2, .blogContent h2 span {font-size:36px !important; line-height:48px !important;margin:50px 0 20px 0px !important; font-weight:bold !important; position:relative;}
.blogContent h3, .blogContent h3 span {font-size:30px !important; line-height:40px !important; font-weight:bold !important;  margin:50px 0 20px 0px !important; position:relative; }
.blogContent h4, .blogContent h4 span {font-size:22px !important; line-height:32px !important; font-weight:bold !important;  margin:50px 0 20px 0px !important; position:relative; }
.blogContent p {font-size:18px !important; line-height:28px !important; margin-bottom:15px !important;}
.blogContent ul li {font-size:18px !important; line-height:28px !important; margin-bottom:10px !important;}

.ctaTile {box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);border-radius: 6px; padding:40px;}
.ctaTile h3.new {font-size:30px !important; line-height:40px !important; font-weight:bold !important;  margin:0 0 10px 0px !important; text-align:left !important; }

.ctaTile p { margin:0px !important;}
.copyMe { background:url('/wp-content/themes/honeycomb/assets/img/icon_title_link.svg') no-repeat center center; background-size:16px; width:16px; height:16px; position:absolute !important; bottom:10px; left:-30px; opacity:0; display:inline-block; }
.blogContent h2 .copyMe, h2 .copyMe {top:15px; }
.blogContent h3 .copyMe, h3 .copyMe {top:12px; }
.blogContent h2:hover .copyMe, .blogContent h3:hover .copyMe {opacity:1;}
.blogContent p a,.blogContent li a {text-decoration:underline;}
.yoast-table-of-contents li a {text-decoration:none;}
.footer_cta_bar {background: linear-gradient(to left bottom, #51368D, #262558) !important;}
.footer_cta_bar h2 {
    font-family: Poppins !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 38px !important;
    line-height: 57px !important;
    text-align: center !important;
    letter-spacing: 0.02em !important;
    color: #FFFFFF !important;
} 



@media (max-width: 1002px) {
	.imgBigThumb { height:200px; }
	.topPostsPadding { padding-left:0px !important;}
	.searchform { position:relative; margin-left:0px !important;}
	}
@media (max-width: 420px) {
.blogTile.singleBlog .imgBigThumb {
    height: 200px !important;
    
	}
.blogTile.singleBlog:hover .imgBigThumb {
    height: 200px !important;
    background-size: 100% !important;
}
.blogTile.singleBlog h1.new {
	font-size: 36px !important; 
	line-height: 48px !important;
	}
}