/*
Theme Name: Vatican Theme
Version: 1.0.1
*/
.site-inner { width:100%; max-width:none; }

.site-inner .site-header { padding: 0; width: 100%; float: left; }

.site-content { padding:40px 0 20px; width:100%; float:left; }

.site-main { margin:0; }

.content-area { width:100%; margin:0; float:left;}

*:focus { outline:none !important; }

a {color:#424242;}

a:hover { color:#671F2A; text-decoration:none; cursor:pointer; }

/*======================================================
Blog Listing Section
======================================================*/
.content-area.blog-listing {}

.content-area.blog-listing .page-header { background:#ffdd76; color: #000; font-size: 18px; padding: 10px; margin: 0 0 30px; line-height: 1; width: 100%; float: left; font-family: 'Ubuntu', sans-serif; letter-spacing: 1px; font-weight: 400; border: none; }

.content-area.blog-listing .page-header .page-title { margin: 0; font-size: 24px; text-transform: uppercase; text-align: center; }

.content-area.blog-listing article {width: 100%;float: left;background:#fff;height: auto;padding: 0;margin:0 0 30px;border: 1px solid #ddd}

.content-area.blog-listing .col-sm-4:nth-child(3n+1) { clear:left; }

.content-area.blog-listing article:hover { box-shadow: 0 0 20px rgba(0,0,0,0.1); }

.content-area.blog-listing article a:hover { color:#671F2A !important; text-decoration:none !important; cursor:pointer; }

.blog-listing-image { width: 100%; float: left; height: auto; margin: 0; }

.blog-listing-image a.post-thumbnail { width: 100%; float: left; height: auto; margin: 0; }

.blog-listing-image a.post-thumbnail img { width:100%; height:auto; }

.content-area.blog-listing article .blog-listing-text { width: 100%; float: left; height: auto; margin: 0; padding:25px; font-family: 'Ubuntu', sans-serif; position: relative; }

.content-area.blog-listing article .blog-listing-text .byline,
.content-area.blog-listing article .blog-listing-text .cat-links,
.content-area.blog-listing article .blog-listing-text .tags-links { display:none; }

.content-area.blog-listing article .blog-listing-text .posted-on { text-align: center; font-size: 12px; color: #000; margin: 0; display: block; width: 100%; float: left; text-transform: uppercase; font-weight: 400; letter-spacing: 1px;  }

.content-area.blog-listing article .blog-listing-text .posted-on .screen-reader-text { width: auto; height: auto; position: static !important; color: #666; }

.content-area.blog-listing article .blog-listing-text .posted-on a { color: #666; }

.content-area.blog-listing article .blog-listing-text .comments-link { display:none; }

.content-area.blog-listing article .blog-listing-text .entry-header { width:100%; float:left; }

.content-area.blog-listing article .blog-listing-text .entry-header .entry-title { font-weight: 300; text-transform: uppercase; font-size: 20px; margin: 5px 0 35px; text-align: center; width: 100%; float: left; position: relative; }

.content-area.blog-listing article .blog-listing-text .entry-header .entry-title:after { content: ""; background: #bbb; width: 80px; height: 2px; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; }

.content-area.blog-listing article .blog-listing-text .entry-header .entry-title a { color: #424242; }

.content-area.blog-listing article .blog-listing-text p { width: 100%; float: left; text-align: center; margin-top: 0; line-height: 1.8; font-weight: 300; }

.content-area.blog-listing article .blog-listing-text p a.more-link { background: 0;color: #671f2a;margin: 20px auto 0;padding: 10px 25px;border: 2px solid #671f2a;text-decoration: none;text-transform: uppercase;display: block;max-width: 250px;font-weight: bold;position: relative;z-index: 1; }

.content-area.blog-listing article .blog-listing-text p a.more-link:before{content:"";position:absolute;left:0;top:0;bottom:0;background:#671f2a;z-index:-1;width:0;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}

.content-area.blog-listing article .blog-listing-text p a.more-link:hover{text-decoration:none;background:0;color:#fff !important;border:2px solid #671f2a}

.content-area.blog-listing article .blog-listing-text p a.more-link:hover:before{width:100%}

.content-area.blog-listing article .blog-listing-text p a.more-link:after { content: "\f178"; font-family: FontAwesome; margin-left: 8px; }

.content-area.blog-listing article .blog-listing-text .entry-footer .edit-link { position: absolute; bottom: -12px; width: 60px; height: 25px; text-align: center; line-height: 25px; border: 1px solid #ccc; background: #fff; right: 25px; text-transform:uppercase; font-weight: 400; letter-spacing: 1px; }

.content-area.blog-listing article .blog-listing-text .entry-footer .edit-link a {color:#ccc;}

.content-area.blog-listing article .blog-listing-text .entry-footer .edit-link:hover { background:#671F2A; color:#fff; text-decoration:none; border-color:#671F2A; }

.content-area.blog-listing article .blog-listing-text .entry-footer .edit-link:hover a { color:#fff !important; text-decoration:none; box-shadow:none; }


/*========================================================
Side Bar Style
========================================================*/
.sidebar { width:100%; float:left; background:#fff; margin:0 0 20px; font-family: 'Ubuntu', sans-serif;border:1px solid #ddd;}

.sidebar .widget { margin: 0; border: none; padding: 0; width: 100%; float: left; }

.sidebar .widget form { padding: 20px; width: 100%; float: left; }

.sidebar .widget form label { margin: 0; width: calc(100% - 40px); float: left; }

.sidebar .widget form label input[type="search"] { font-size: 14px; width: 100%; height: 40px; font-weight: normal; padding: 0 15px;border:1px solid #671F2A; }

.sidebar .widget form button.search-submit { background: #671F2A;border:1px solid #671F2A; color: #fff; position: static; width: 40px; height: 40px; float: left; }

.sidebar .widget form button.search-submit:before { font-size: 18px;content: "\f002";font-family: fontawesome;line-height: 38px; }

.sidebar .widget .widget-title {text-align: left;padding: 10px;background: #ffdd76;color: #000;margin-bottom:0;text-transform: uppercase;font-weight: 700;font-size: 16px;margin-top:0;}

.sidebar .widget ul { margin:0; padding:10px 0; list-style:none; width:100%; float:left; }

.sidebar .widget ul li { position: relative; padding: 2px 0 2px 35px; font-size: 14px; display: block; width: 100%; float: left; }

.sidebar .widget ul li:before { content: "\f178"; font-family: FontAwesome; position: absolute; left: 10px; top: 3px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.sidebar .widget ul li:hover:before { left: 15px; }

.sidebar .widget ul li a { display: block; color: #424242; }

.sidebar .widget ul li:hover a { color:#671F2A; text-decoration:none; cursor:pointer; }

/*========================================================
Blog Details
========================================================*/
.blog-details { width: 100%; float: left; background: #fff; font-size:16px; }

.blog-details article { width: 100%; float: left; height: auto; padding: 0; margin:0 0 20px; }

.blog-details .blog-details-image { width: 100%; float: left; position: relative; }

.blog-details .blog-details-image .post-thumbnail { width: 100%; float: left; margin:0; }

.blog-details .blog-details-image .post-thumbnail img { width:100%; height:auto; }

.blog-details .blog-details-text { padding: 25px; width: 100%; float: left; font-family: 'Ubuntu', sans-serif; }

.blog-details .blog-details-text .entry-header { width:100%; float:left; }

.blog-details .blog-details-text .entry-header .entry-title { font-weight: 300; text-transform: uppercase; font-size: 30px; margin: 5px 0 20px !important; text-align: left; width: 100%; float: left; position: relative; }

.blog-details .blog-details-text .entry-content { width: 100% !important; float: left !important; text-align: justify; margin-top: 0; line-height: 1.8; font-weight: 300; }

.blog-details .comments-area { width:100%; float:left; margin: 0; font-family: 'Ubuntu', sans-serif; }

.blog-details .comments-area .comment-respond { width:100%; float:left; }

.blog-details .comments-area .comment-respond h2.comment-reply-title { background:#ffdd76; border:none; color: #000; font-size: 18px; padding: 10px 25px; margin: 0; line-height: 1; width: 100%; }

.blog-details .comments-area .comment-respond form { width:100%; float:left; padding:25px; }

.blog-details .comments-area .comment-respond form .logged-in-as { font-size: 14px; margin-bottom: 15px; }

.blog-details .comments-area .comment-respond form .logged-in-as a { color:#424242; box-shadow:none; margin-right: 5px; }

.blog-details .comments-area .comment-respond form .logged-in-as a:hover { color:#671F2A; text-decoration:none; cursor:pointer; }

.blog-details .comments-area .comment-respond form .comment-form-comment { width:100%; float:left; }

.blog-details .comments-area .comment-respond form p { width:100%; float:left; font-size:14px; }

.blog-details .comments-area .comment-respond form label { font-size: 14px; font-weight: 500;}

.blog-details .comments-area .comment-respond form textarea { height: 100px; }

.blog-details .entry-footer { width: 100% !important; float: left !important; margin-top: 30px !important;font-size: 10px; }

.blog-details .entry-footer .byline,
.blog-details .entry-footer .byline .author { width: 70px; float: left; margin-right: 10px; text-align:center; display:none; }

.blog-details .entry-footer .posted-on,
.blog-details .entry-footer .cat-links,
.blog-details .entry-footer .tags-links { width:100%; float: right; margin: 0 0 5px !important; }

.blog-details .entry-footer .byline .author img { display:block; margin:0 auto 10px;}

.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.blog-details .post-navigation { margin:0; border:none; width:100%; float:left; padding:25px; }

.blog-details .post-navigation a { padding: 0; display: inline-block; }

.blog-details .post-navigation a .meta-nav { display:none; }

.blog-details .post-navigation a .post-title { font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 400; position: relative; }

.blog-details .post-navigation a:hover,
.blog-details .post-navigation a:hover .post-title { text-decoration:none; cursor:pointer; color:#671F2A; box-shadow:none; }

.blog-details .post-navigation .nav-previous { width:50%; float:left; text-align:left; border: none; padding-right: 20px; }

.blog-details .post-navigation .nav-previous a .post-title:before { content: "\f177"; font-family:FontAwesome; margin-right: 10px; color:#333 !important; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.blog-details .post-navigation .nav-previous a .post-title:hover:before { margin-right: 5px; margin-left:5px; }

.blog-details .post-navigation .nav-next { width:50%; float:right; text-align:right; border: none; padding-left: 20px; }

.blog-details .post-navigation .nav-next a .post-title:after { content: "\f178"; font-family:FontAwesome; margin-left: 10px; color:#333 !important; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.blog-details .post-navigation .nav-next a .post-title:hover:after { margin-right: 5px; margin-left:5px; }



.footer-section { width:100%; float:left; font-family: 'Ubuntu', sans-serif; }

/*========================================================
Upper Footer Section
========================================================*/
.footer-section .upper-footer { background:#999; width:100%; float:left; color:#fff; padding:0; }

.footer-section .upper-footer ul { padding:0; margin:0; list-style:none; position:relative; }

.footer-section .upper-footer ul li { display: inline-block; float: left; color: #fff; padding: 10px; font-size: 15px; border-right: 1px solid #fff; }

.footer-section .upper-footer ul li:last-child { border-right:none; }

.footer-section .upper-footer ul li a { color:#fff; }

/*========================================================
Main Footer Section
========================================================*/
.footer-link-section { background: #2b2a2a; width:100%; float:left; padding:40px 0; }

.footer-link-section h2 { text-transform: uppercase; font-size: 20px; font-weight: bold; margin: 0 0 10px; color: #fff; }

.footer-link-section ul.social-media-link { margin:0; padding:0; list-style:none; }

.footer-link-section ul.social-media-link li { display: inline-block; float: left; padding: 0 5px; }

.footer-link-section ul.social-media-link li a { font-size: 34px; color:#fff; }

.footer-link-section ul.social-media-link li.facebook-link:hover a { color:#3C5A98; }

.footer-link-section ul.social-media-link li.twitter-link:hover a { color:#57ADEE; }

.footer-link-section ul.social-media-link li.linkedin-link:hover a { color:#0077B7; }

.footer-link-section ul.social-media-link li.google-plus-link:hover a { color:#D41A1B; }

.footer-link-section ul.social-media-link li.instagram-link:hover a { color:#C7018C; }

.footer-link-section ul.social-media-link li.snapchat-link:hover a { color:#D41A1B; }

.footer-link-section ul.site-link { margin:0; padding:0; list-style:none; }

.footer-link-section ul.site-link li { display: inline-block; float: left; width: 100%; padding: 3px 0; }

.footer-link-section ul.site-link li a { color:#fff; padding:0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.footer-link-section ul.site-link li a:hover { color:#2B95CF; text-decoration:none; padding:0 0 0 3px; }

.footer-link-section hr { border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; margin: 10px 0; }

.best-rate { width: 170px; float: left; }

.best-rate img { width:100%; }

.ft-book { float: left; margin-left: 20px; padding: 10px 0; color: #727272; }

.ft-book a { color: #fff; font-size: 18px; font-weight: bold; display: inline-block; }

.download-app { width: 100%; max-width: 300px; float: right; color: #727272; font-size: 12px; }

.download-app .dn-app { width: 70px; display: inline-block; margin: 0 3px 3px 0; }

.download-app .dn-app img { width:100%; }

/*========================================================
Copy Right Section
========================================================*/
.copy-right-section { background:#000B11; width:100%; float:left; color:#fff; }

.copy-right-section p { text-align:center; padding:8px 15px; margin:0; color:#fff; }

.search-submit:before {content: "\f400";font-size: 24px;left: 2px;line-height: 42px;position: relative;width: 40px;}

.pagination {width: 100%; float: left; text-align: center;}

.pagination .page-numbers { display: inline-block; padding: 8px 10px; border: 2px solid #671f2a; color: #671f2a; font-weight: bold; margin: 0 1px; line-height: 1; }

.pagination .page-numbers.current,
.pagination .page-numbers:hover { background:#671f2a; color:#fff; text-decoration:none; cursor:pointer; }