/* Theme Name: BlogangelLite Theme URI: http://www.themehunk.com/product/blogangel-flawless-blogging-theme/ Version: 1.1.1 Description: A WordPress Responsive & Dynamic Design Blog Theme Author: ThemeHunk Author URI: http://www.themehunk.com License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags:left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, post-formats, sticky-post, translation-ready Text Domain: blogangellite --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ @font-face { font-family: 'lato-regular'; src: url('fonts/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato-bold'; src: url('fonts/Lato-Bold') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfairdisplay-regular'; src: url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'playfairdisplay-bold'; src: url('fonts/PlayfairDisplay-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } body { background-color: #f5f5f5; font-family:"lato-regular", sans-serif; color:#424242; font-size:15px; margin:0px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after,.clearfix:before, .container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{display:table;content:" "}.clearfix:after, .container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after{clear:both} html{ font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% } a, a:hover, #commentform #commentSubmit, #commentform #commentSubmit:hover { transition: all 0.25s linear; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } input.search-submit { border: none; background: #87ceeb; color: #fff; padding: 15px; position: relative; bottom: 1px; } .container, #page { max-width:1170px; min-width:240px; margin-right: auto; margin-left:auto; position:relative; clear:both; } .logged-in.admin-bar header { top: 32px; } #page { clear:both; float:none; } .content { width: 70%; max-width: 800px; float: left; } #page.no-sidebar .content { width:100%; max-width:1170px; } #page.no-sidebar .content-wrapper .sidebar{ display:none; } .sidebar-wrapper { max-width: 400px; width: 27.5%; float: right; } #page.left .sidebar-wrapper { float: left; } #page.left .content { float: right; } .content .post-content .description ul, .page-description ul, .content .post-content .description ol, .page-description ol , .page-content ul, .page-content ol { margin: 1.5em 0; margin-left: 45px; } .content .post-content .description ul li, .page-description ul li { list-style-type: circle; margin-bottom: 0.4em; } .page-content li { margin-bottom: 0.9em; } a { font-family:"playfairdisplay-regular", sans-serif; color: #666666; text-decoration: none!important; } *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-family:"playfairdisplay-regular", sans-serif; color: #000; line-height: 35px; font-weight:500; letter-spacing: .5px; margin: 10px 0; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family:"playfairdisplay-bold", sans-serif; } p, .textwidget { font-family:"lato-regular"; color: #7d7d7d; line-height:23px; font-size: 14px; letter-spacing: .6px; margin: 20px 0; } h1 { font-size: 36px; } h2 { font-size: 27px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } :focus { outline: none; } iframe{ max-width: 100%; } input[type="submit"] { cursor: pointer; } ol { list-style: decimal; } ul { list-style: disc; } td, th { border: none; padding: 3px; } th { background: #cccccc; } ul li, ul { list-style-type: none; margin:0; padding:0; } blockquote { border-left: 5px solid #87ceeb; padding-left: 8px; margin: 5px 5px 5px 0px; } blockquote p{ font-size: 16px; font-weight: 300; font-style: italic; color: #797979; } .description blockquote { border-left: none; margin-top: 30px; } hr { margin-top: 1.75rem; margin-bottom: 1.75rem; border: 0; border-top: 1px solid #ccc; } .dropcap { font: italic 4.25rem/.75 "lato-regular", times, serif; float: left; margin: 0.375rem 0.5rem 0 0; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .sticky{ } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .gallery-caption{ } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .bypostauthor{ } .page-content img { max-width: 100%; height: auto; } /*Header style*/ .header .logo h1, .header .logo p, .page-title h1{ margin:0px; } .header .logo, header.smaller .logo, #searchform-wrap, header.smaller #searchform-wrap{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } header { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; border-bottom: 1px solid rgba(190, 190, 190, 0.11); background-color: rgba(255, 255, 255,1); } .header .logo { float: left; padding: 20px 0; } header.smaller .logo{ padding: 9px 0; } .header #main-menu-wrapper { display: block; float: right; } #main-menu-wrapper .navigation{ margin-right:105px; } header #searchform-wrap { position: absolute; display: block; width: 40px; height: 40px; margin: 5px 0 0 5px; float: right; top: 19px; right: 0px; } header.smaller #searchform-wrap { top:15px; } header #searchform #s { font-size: 17px; width: 60px; background: transparent; color: #333; margin: 0px 27px 0 0; padding: 5px; float: right; border: none; border-bottom: 1px solid #87ceeb; -webkit-transition: width .7s; -moz-transition: width .7s; transition: width .7s; } #searchform #s:focus, #searchform #s:hover, #searchform .icon-search:hover + #s { width: 150px; color: #333; background: #fff; border-color: #999; } .header #searchform input[type=submit] { display: none; } .search form.search-form{ margin:30px 0; } #searchform .icon-search:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; content: "\f002"; color: #87ceeb; font-size: 1.25em; position: absolute; right: 5px; top: 0; cursor: pointer; padding-top: 9px; } /*-[ Navigation ]-----------------*/ .menu-item-has-children > a:after { content: "\f107"; font-family: FontAwesome; position: absolute; padding-left: 6px; padding-top: 2px; color: rgba(0, 0, 0, 0.4); } .sub-menu .menu-item-has-children > a:after { top: 50%; margin-top: -12px; right: 15px; } #main-menu-wrapper nav.navigation .menu{ padding: 19px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } header.smaller #main-menu-wrapper nav.navigation ul{ padding: 13px 0; } header.smaller #main-menu-wrapper nav.navigation ul.sub-menu { padding: 0px; } .navigation ul { margin: 0 auto; float: right; } header.smaller #main-menu-wrapper nav.navigation ul .submenu{ padding-bottom:0px; } /*#secondary-navigation .menu > li { padding-top: 1px; }*/ .navigation .menu > li { margin:0 15px; } .navigation .menu > li > a { color:#000; font-family: "Lato-regular", sans-serif; font-size: 13px; text-transform: capitalize; letter-spacing: 1px; } .navigation ul li a:hover{ color:#87ceeb; } .navigation ul li { line-height: 20px; float: left; position: relative; } .navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { display: inline-block; transition: background-color, color 0.2s linear; } .navigation ul li a { padding-top: 15px; padding-bottom: 15px; } .navigation > ul > .current a { background: transparent; color: #5a5a5a !important; } .navigation ul li li { background: #fff; border-bottom: 0; } .navigation ul ul { position: absolute; width: 230px; padding: 20px 0 0 0; padding-top: 24px; z-index: 400; font-size: 12px; color: #798189; background:#fff; } .navigation ul ul li { padding: 0; color: #fff; line-height: 25px; } .navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited { font-size: 13px; font-family: "Lato-regular", sans-serif; padding: 9px 45px 9px 20px; position: relative; width: 230px; background: transparent; border-radius: 0; margin: 0; color: #4d4d4d; } .navigation ul ul a{ border: 1px solid rgba(188, 180, 180, 0.1); border-bottom: none; } .navigation ul ul li:hover { background-color: #f9f9f9; } .navigation ul ul li:last-child a { border-bottom: 1px solid rgba(188, 180, 180, 0.1); } .navigation ul ul { display: none; } .navigation ul ul ul { left: 230px; top: 0; padding-top: 0; } .sub-menu .menu-item-has-children:after { color: #fff; } .navigation .toggle-caret { display: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } a#pull { display: none; } .navigation i { margin-right: 4px; } /*- Custom Nav Widget --------------------------*/ .widget_nav_menu .fa > a, .widget_nav_menu .fa > a { padding-left: 5px; } .widget_nav_menu .sub-menu { margin-top: 8px; } .widget_nav_menu .menu-item-has-children > a:after { content: ''; } /*- Toggle menu ---------------------------*/ .toggle-menu ul ul { display: none; } .toggle-menu .toggle-menu-item-parent { position: relative; } .toggle-menu .toggle-caret { position: absolute; top: 0; right: 0; text-align: center; cursor: pointer; line-height: inherit; } .toggle-menu .toggle-caret .fa { width: 20px; text-align: center; font-size: inherit; color: inherit; line-height: 50px; } .toggle-menu .active > .toggle-caret .fa:before { content: "\f068" } /*minus*/ /* General Styles - FlexSlider */ li.bg-dark{ background-attachment:fixed; } .flex-direction-nav a, .flex-control-nav > li > a { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .flex-direction-nav a { position: absolute; display: block; top: 0; z-index: 10; overflow: hidden; opacity: 0; margin:0; } .flex-control-nav > li > a { background: transparent; border: 1px solid #fff; display: block; height: 6px; width: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; cursor:pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-nav > li > a:hover, .flex-control-nav > li > a.flex-active { background: #fff; } /* Flex Slider */ .flex-slider { margin: 0!important; } .flex-slider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flex-slider, .flex-slider .flex-viewport { height: 100% !important; width: 100%; padding: 0; margin: 0; } .flex-slider .slides { height: 100% !important; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; } .flex-slider .flex-direction-nav a { width: 80px; height:80px; } .flex-slider .slides li { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100% !important; width: 100%; padding: 0; margin: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ section#home{ padding-top:0px; } .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration:none; display: block; width: 80px; height: 80px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { opacity: 1; left: 1%; top: 58%; background:url(images/left-arrow.png)no-repeat; } .flex-direction-nav .flex-next { text-align:right; opacity: 1; right: 1%; top: 58%; background:url(images/right-arrow.png)no-repeat; } .blog .post.post_format-post-format-gallery .post-img a:before { content: "\f03e"; } .format-gallery .flex-gallery { position: relative; } .format-gallery .flex-direction-nav .flex-prev{ background:url(images/gallery-format-left-arrow.png)no-repeat; top: 50.5%; left: 1%; } .format-gallery .flex-direction-nav .flex-next{ background:url(images/gallery-format-right-arrow.png)no-repeat; top: 50.5%; right: 1%; } .format-gallery .flex-control-nav { display: none; } .format-gallery .flex-direction-nav a { width: 16px; height: 33px; } .flex-direction-nav a { width: 60px; height: 60px; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; } .flex-direction-nav a.flex-next:before { } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav { position: absolute; width: auto; left: 50%; bottom: 20px; z-index: 11; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .flex-control-nav li { margin: 5px 3px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a:hover { background: #fff; } .flex-control-paging li a.flex-active { background: #fff; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /* Caption */ .fs-caption { position: relative; display: table; height: 100%; width: 70%; margin: 0 auto; } .fs-caption { position: relative; display: table; height: 100%; width: 100%; margin: 0 auto; } .caption-content { display: table-cell; vertical-align: middle; text-align: center; } .caption-content .fs-title-size span a{ border-bottom: 1px solid #fff; } /*Home content wrapper Style*/ .home-content-wrapper{ background-color:#f5f5f5; } .header-wrapper{ padding-bottom:80px; } .header-wrapper.normal{ padding-bottom:0px; } .header-wrapper.normal header{ position:static; } .slider{ position:relative; } .slider-post-content-wrapper { position: absolute; top:35%; left: 0; right: 0; text-align: center; } .caption-content .fs-title-size span a, .caption-content .fs-title-size span, .slider-post-date a { color: #fff; letter-spacing: 1px; text-transform: uppercase; margin-right:5px; font-size:14px; font-family:lato; } .caption-content .fs-title-size span a:last-child{ margin-right:0px; } .caption-content .fs-title-size h1 { margin:25px 0; font-size: 35px; color: #fff; letter-spacing: 1px; } .read-more.read-more-slider:hover a{ color:#87ceeb; } .read-more.read-more-slider a{ color:#87ceeb; } .fs-caption-overlay{ background-color: rgba(41, 41, 41, 0.4); width: 100%; height: 100%; position: absolute; } .read-more.read-more-slider { cursor: pointer; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .read-more.read-more-slider { margin:25px 0; background-color: transparent; border: 1px solid rgb(135, 206, 235); border-radius: 1px; color: rgba(255, 255, 255, 1); cursor: pointer; padding: 20px 88px; display: inline-block; letter-spacing: 1px; position: relative; overflow: hidden; } .read-more.read-more-slider:before { content: ''; display: block; position: absolute; top: 15%; bottom: 15%; left: 50%; right: 50%; background-color: #87ceeb; border-left: 2px solid rgba(255, 255, 255, 0.78); border-right: 2px solid rgba(255, 255, 255, 0.78); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .read-more.read-more-slider a { font-family: open sans; position: absolute; z-index: 99; left: 0px; right: 0px; top: 1px; padding-top:10px; padding-bottom:10px; text-transform: uppercase; font-size: 13px; color:#fff; } .read-more.read-more-slider:hover{ color: #ffffff; -webkit-animation: flashText 0.5s; animation: flashText 0.5s; } .read-more.read-more-slider:hover:before{ left: 10px; right: 10px; background-color: rgba(255, 255, 255, 0.1); opacity: 1; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /*Standard post format start*/ .post p{ margin:0px; padding:10px 0; } .archive .archive-title, .search .page-title, .page-title{ padding: 0 0 50px; } .two-grid-layout .post, .three-grid-layout .post{ border-bottom:5px solid #87ceeb; } .home #page .content-wrapper{ padding-top:100px; } #page .content-wrapper{ padding-top:70px; } .content .post, .content .type-post { clear: none; margin-bottom: 70px; } .content .read-more { font-size:13px; display: inline-block; border-bottom: 1px solid #D8D8D8; padding: 5px 0px 2px; } .content .post img { max-width: 100%; height: auto; } .post .post-img-wrapper{ position: relative; min-height: 150px; } .post .post-header { position: absolute; top: 0; left:0; right:0; text-align:center; background: #fff; padding: 30px 15px; margin:0 10%; z-index: 2; } .content .post .post-header h2{ margin:0px 0px 10px; display:inline-block; } .content .post .post-header .post-date{ font-size:14px; color: #8e8d8d; letter-spacing: 1px; } .content .post .post-author-pic img { max-width: 60px; margin: 10px; border-radius: 100%; width: 60px; } .standard-layout .post .post-author-pic img { max-width: 80px; margin: 10px; border-radius: 100%; width: 80px; } .content .standard-layout .post .post-author-content .post-author-pic{ margin-top: -52px; } .content .post{ background-color:#fff; margin-bottom: 63px; box-shadow: 0 0 1px #DDD; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .content .standard-layout .post { margin-bottom: 100px; } .content .post .post-content{ padding-left:25px; padding-right:25px; padding-bottom:30px; } #page.no-sidebar .content .post .post-content { padding-left: 60px; padding-right: 60px; } .content .post .post-author{ margin:5px 0; font-size:15px; } .content .post .post-meta .post-category a:before, .content .post .post-meta .post-comment a:before{ font-family:fontawesome; padding-right:5px; } .content .post .post-meta .post-category a:nth-child(1):before{ content:"\f02e"; } .content .post .post-meta .post-comment a:before{ content:"\f086"; } .content .post .post-meta .post-category, .content .post .post-meta .post-comment{ font-size:12px; padding:0 5px; } .standard-layout .post .post-author-pic, .standard-layout .post .post-author, .standard-layout .post .post-author-bottom-border{ display: block; } .content .post .post-author-bottom-border { margin: 15px 0; } .post-meta .post-category, .post-meta .post-comment{ position: static; display: inline-block; } .content .post .post-meta { overflow: hidden; margin:15px 0; text-align: center; text-transform: uppercase; letter-spacing: .8px; } .content .post .post-content .description{ overflow:hidden; } .content .post .post-bottom-strip { background: #87ceeb; display: block; } .content .post .social-icon li a{ color:#fff; } .post-bottom-strip .post-share { display: inline-block; padding: 5px; } .post-bottom-strip .post-share ul.social-icon li { display: inline-block; margin-left: 9px; } .post-bottom-strip .post-share ul.social-icon{ display: inline-block; } .post-bottom-strip .more-link{ float: right; padding: 5px 14px; color: #fff; text-transform: uppercase; font-size: 14px; } .description a.more-link { display: none; } .content .two-grid-layout .post, .content .three-grid-layout .post, .content .four-grid-layout .post, .content .five-grid-layout .post, .content .boxed-layout .post { box-shadow: 0 0 1px #DDD; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .blog .post.format-video .post-img a:before, .blog .post.post_format-post-format-gallery .post-img a:before, .blog .post.format-audio .post-img a:before, .blog .post.format-link .post-img a:before { font-family: fontawesome; font-size: 18px; color: #fff; bottom: 10px; right: 10px; position: absolute; padding: 6px; background: rgba(47, 46, 46, 0.22); } .blog .post.format-quote .post-img a:before{ font-style: normal; font-family: fontawesome; content: '\f10d'; font-size: 23px; color: #fff; bottom: 10px; right: 10px; position: absolute; padding: 6px; background: rgba(47, 46, 46, 0.28); } .standard-layout .post.format-quote .post-img a:before{ display:none; } .standard-layout .post.format-video .post-img a:before, .standard-layout .post.post_format-post-format-gallery .post-img a:before, .standard-layout .post.format-audio .post-img a:before, .standard-layout .post.format-link .post-img a:before{ display:none; } .standard-layout .format-audio .post-img, .standard-layout .format-quote .post-img { min-height:320px; } .single .format-audio .post-img, .single .format-quote .post-img { min-height:320px; } /* Sidebar two grid style start */ .post-img { position: relative; } .content .post .post-author-pic, .content .post .post-author, .content .post .post-author-bottom-border{ display: block; } .two-grid-layout .post .post-header h2, .three-grid-layout .post .post-header h2 { font-size:20px; } .two-grid-layout .post .post-header, .three-grid-layout .post .post-header { padding: 15px 15px; margin: 0 6%; } .two-grid-layout .post .post-header .post-date, .three-grid-layout .post .post-header .post-date { font-size: 12px; } .two-grid-layout .post .post-content, .three-grid-layout .post .post-content { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .content .post .post-author-content{ text-align:center; position: relative; z-index: 100; } .two-grid-layout .post .post-author-pic{ position: relative; margin-top: -44px; } ul.two-grid-layout li.post:nth-of-type(even){ margin-right:0px; } ul.two-grid-layout li.post:nth-child(2n+1), ul.three-grid-layout li.post:nth-child(3n+1), ul.four-grid-layout li.post:nth-child(4n+1), ul.five-grid-layout li.post:nth-child(5n+1) { clear: both; } ul.two-grid-layout li.post{ width:48%; float:left; } .two-grid-layout .post { margin-right:4%; } /* Sidebar two grid style end */ /* Sidebar three grid style start */ ul.three-grid-layout li.post { width:30.6%; float:left; } ul.three-grid-layout li.post:nth-of-type(3n+3) { margin-right:0px; } .three-grid-layout .post { margin-right:4%; } .three-grid-layout .post-content{ padding: 17px 6% 0px 6%; } .three-grid-layout .post .post-author-pic{ position: relative; margin-top: -62px; } .three-grid-layout .post-content h2{ font-size:18px; line-height: 26px; text-align:center; } #page.right ul.three-grid-layout .post .post-header{ position:relative; } #page.right ul.three-grid-layout .post .post-author-pic{ margin-top: 0px; } #page.right ul.three-grid-layout .post .post-author-pic img{ margin: 0px; } #page.right ul.three-grid-layout .post .post-content{ padding-top:0px; } #page.right ul.three-grid-layout .post .post-meta .post-comment { font-size: 11px; text-align: right; } #page.right ul.three-grid-layout .post .post-meta .post-category { margin-right: 1%; } /* Sidebar three grid style end */ /* Boxed layout style start */ ul.boxed-layout .post .post-header h2, ul.list-layout .post .post-header h2{ font-size:18px; line-height:26px; } #page.no-sidebar ul.boxed-layout .post .post-header h2, #page.no-sidebar ul.list-layout .post .post-header h2{ font-size:22px; line-height:28px; } ul.boxed-layout .post .post-header , ul.list-layout .post .post-header { padding: 20px 15px; } ul.boxed-layout .post .post-author-content { margin-top: 0px; } ul.boxed-layout .post .post-img-wrapper { width: 50%; float: left; display: inline-block; position: relative; } #page.no-sidebar ul.boxed-layout .post .post-content { padding: 20px 30px; min-height: 328px; } ul.boxed-layout .post .post-content { padding: 20px 30px; display: table; width: 50%; min-height: 333px; } ul.boxed-layout li.post:nth-child(even) .post-img-wrapper { float: right; } /* Boxed layout style end*/ /* List layout style start*/ .content ul.list-layout .post { overflow: hidden; } ul.list-layout .post .post-content { padding: 30px; display: table; } .content .list-layout .post-content .description { padding-top: 20px; padding-bottom: 15px; } ul.list-layout .post .post-img-wrapper { float: left; display: inline-block; position: relative; } ul.list-layout .post .post-author-content { margin-top: 15px; } ul.list-layout .post .post-meta { margin: 5px 0; } /* List layout style end*/ /* Sidebar four grid style start */ ul.four-grid-layout li.post { width:22%; float:left; } .four-grid-layout .post { margin-right:4%; } ul.four-grid-layout li.post:nth-of-type(4n+4) { margin-right:0px; } .four-grid-layout .post-content { padding: 10% 6% 3% 6%; } .four-grid-layout .post-content h2{ font-size:16px; line-height: 26px; text-align:center; } /* Fullwidth Five grid style Start */ ul.five-grid-layout li.post { width:17.6%; float:left; } .five-grid-layout .post-content { padding:15px 6% 20px 6%; } .five-grid-layout .post { margin-right:3%; } .five-grid-layout .post-content h2{ font-size:16px; line-height: 26px; text-align:center; } ul.five-grid-layout li.post:nth-of-type(5n+5) { margin-right:0px; } /* Fullwidth Five grid style end */ /*Audio post format start*/ .standard-layout .audio-format{ position: absolute; top: 44%; left: 0; right: 0; text-align: center; } .standard-layout .audio-format iframe{ width:80%; height:150px; } .blog .post.format-audio .post-img a:before { content: "\f025"; } /*Quote post format start*/ .post .post-img blockquote{ position:absolute; top:42%; left:0; right:0; max-width:80%; background:rgba(255, 255, 255, 0.94); padding: 40px 20px 40px; margin: 0px auto; border-left: 5px solid #87ceeb; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; } .format-quote blockquote p:before { font-style: normal; font-family: Playfair Display; content: '\201c'; font-size: 120px; color: #87ceeb; vertical-align: middle; } .format-quote blockquote p{ font-size: 20px; line-height: 25px; font-style: italic; } /*Gallery post format start*/ /*video post format start*/ .blog .post.format-video .post-img a:before { content: "\f04b"; } .standard-layout .format-video .post-img{ padding-top: 56.25%; width: 100%; position: relative; } .standard-layout .format-video .post-img iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Link post format start*/ .blog .post.format-link .post-img a:before { content: "\f0c1"; } /**Default page Start**/ .page-content { background: #fff; padding: 20px; } .page-content a{ font-family: "lato-regular"; color: #87ceeb; line-height: 23px; font-size: 14px; letter-spacing: .6px; } .page-content .page-title h1{ margin-bottom:40px; } .pagination{ overflow:hidden; } .pagination .older { display: inline-block; float:left; } .pagination .newer { display: inline-block; float:right; } .pagination .older a:before { content: "\f104"; font-family: fontawesome; padding-right: 9px; } .pagination .newer a:after { content: "\f105"; font-family: fontawesome; padding-left: 5px; } /**Loadmore Start**/ .th_more_posts { text-align: center; overflow: hidden; position: relative; padding-top: 24px; margin-bottom: 30px; } a#more_posts { cursor: pointer; padding:15px 20px; box-shadow: 0 0 1px #DDD; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } #more_posts { border: none; background-color: #87ceeb; border-radius: 1px; color: rgba(255, 255, 255, 1); cursor: pointer; padding: 15px 30px; display: inline-block; margin: 15px 30px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 1em; outline: none; position: relative; overflow: hidden; } #more_posts:before { content: ''; display: block; position: absolute; top: 10px; bottom: 10px; left: 50%; right: 50%; background-color: #ffffff; border-left: 2px solid rgba(255, 255, 255, 0.8); border-right: 2px solid rgba(255, 255, 255, 0.8); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } #more_posts:hover{ color: #ffffff; -webkit-animation: flashText 0.5s; animation: flashText 0.5s; } #more_posts:hover:before{ left: 12px; right: 12px; background-color: rgba(255, 255, 255, 0.1); opacity: 0.8; } a#more_posts.no-load-more { pointer-events: none; } a#inifiniteLoader { position: absolute; bottom: 70px; left: 0; right: 0; z-index: 99; display: none; } /**Sidebar Start**/ .sidebar .search-submit, .footer .search-submit{ display:none; } .widget .screen-reader-text{ display:none; } select{ border: 1px solid #eee; color: #5a5d5a; padding: 9px 10px; width: 100%; box-sizing: border-box; } .widget { margin: 0 0 3.5em; word-wrap: break-word; } .widget img { max-width: 100%; height: auto; } .widget .tagcloud a:hover { color:#fff; } .sidebar-inner-widget { margin: 0 0 30px; word-wrap: break-word; overflow: hidden; background: #fff; padding:25px; } .widgettitle { font-size: 21px; color: #000; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin:0px 0px 15px; padding: 5px 0; overflow: hidden; } .widgettitle > span { position: relative; display: inline-block; } .widgettitle > span:before, .widgettitle > span:after { content: ""; position: absolute; top: 50%; border-bottom: 1px solid #87ceeb; width: 591px; margin: 0 6px; } .widgettitle > span:before { right: 100%; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: 7px 0; list-style: none; clear: both; } .widget li a:first-child:before{ content:"\f0da"; font-family:fontawesome; padding-right:10px; color:#87ceeb; } .widget li a:hover{ color:#87ceeb; } .widget ul ul { margin: 6px 0 -6px 6px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } .tagcloud { overflow: hidden; } .tagcloud a{ border: 1px solid #87ceeb; color: #fff; background: #87ceeb; padding: 4px 6px; font-size: 12px!important; display: inline-block; margin: 3px 1.5px; letter-spacing: .8px; } .widget .tagcloud a{ background: transparent; color: #87ceeb; } .tagcloud a:hover{ color:#fff; background:#87ceeb; } .recent-comments-list .avatar { margin-right: 1em; float: left; border-radius: 1px; } .recent-comments-list .post-excerpt { padding-left: 70px; display: block; } .recent-comments-list li { margin-bottom: 1.55em; position: relative; } .widget .flickr_badge_image { margin-top: 0.556em; } .widget .flickr_badge_image img { width: 81px; height: 81px; margin-right: 0.667em; margin-bottom: 0.667em; float: left; } .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 51px; padding: 6px 2px; text-align: center; } .footer-wrapper tbody>tr>td>a { background: #CDCDCD; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; display: block; width: 32px; height: 32px; line-height: 32px; } .widget #wp-calendar th { text-align:center; background: #F9F9F9; } .widget #wp-calendar caption { letter-spacing: 1px; font-weight: normal; } .tfoot tr #prev a{ float:left; } .widget .twitter-user a { color: #87ceeb; } .widget .twitter-list .twitter-timestamp { font-style: italic; font-size: 90%; display: block; } .widget .follow-user { margin: 0; padding: 5px 0; } .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 4px 12px 10px 0; float: left; } .widget .feature-posts-list small { font-style: italic; font-size: 90%; display: block; margin: 0 0 3px; } .widget .feature-posts-list .feature-posts-title { margin: 0.250em 0 0.188em; padding-left: 1em; } .widget .feature-posts-list .post-excerpt { display: block; padding-left: 5em; padding-top: 8px; padding-bottom: 10px; } .widget .feature-posts-list .avatar { border-radius: 1px; float: left; } .widget .about-img { text-align:center; } .widget .about-square{ margin-bottom: 10px; max-width: 100%; height: auto; border-radius:2px; } .widget .instagram-pics li a:before{ display:none; } .widget .instagram-pics li { padding: 0px; display: inline-block; max-width: 31%; margin: 0px 1% 1% 1%; } .th-instagram { background: #fff; overflow: hidden; margin-top: 46px; } .th-instagram .widget{ text-align:center; } .th-instagram .widgettitle{ margin:0px auto; padding:8px 0px; background:#fff; display:inline-block; } .th-instagram .widget{ margin-bottom:0px; } .th-instagram ul.instagram-pics { display: inline-block; } .th-instagram ul.instagram-pics li { width: 16.66%; float: left; margin: 0px; padding: 0px; border-radius: 0px; border: none; clear: none; } .th-instagram ul.instagram-pics li a:before{ display: none; } .th-instagram .instagram-pics li { max-width: 25%; margin: 0%; } .th-instagram ul.instagram-pics li img:hover, .widget .th-aboutme img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ transition: all 0.25s linear; } .th-instagram ul.instagram-pics li img,.widget .th-aboutme img{ transition: all 0.25s linear; } .widget .folow-insta{ display: none; } .widget .th-aboutme{ text-align:left; line-height: 26px; } .widget .th-aboutme img{ max-width: 200px; height:200px; border-radius: 100%; width: 200px; } .widget .th-aboutme{ text-align:center; } .widget .th-aboutme p{ padding:10px; } .th-widget-recent-post{ padding-bottom:12px; margin-bottom:12px; overflow:hidden; } .th-widget-recent-post img{ width: 90px; height: 70px; float:left; } .th-widget-recent-post .th-recent-post{ overflow:hidden; padding:0px 10px } .th-widget-recent-post .th-recent-post h5{ line-height:20px; } .th-widget-recent-post .th-recent-post .post-entry p{ font-size:13px; line-height:18px; } .th-recent-post h5, .th-recent-post p{ margin:0px; } .widget a, .widget .th-recent-meta li{ font-family:lato; } .widget .th-recent-meta .post-date{ font-size:13px; font-style:italic; } .th-widget-recent-post .th-recent-post h5 a{ color:#000; display: block; font-size: 16px; font-family: "playfairdisplay-regular"; } .th-widget-recent-post .post-entry a{ color:#87ceeb; } .widget span.screen-reader-text { display: none; } form.search-form{ text-align:center; } .widget input.search-field{ width:100%; } .widget input.search-field, .search input.search-field, .error404 input.search-field{ height:45px; max-width: 350px; padding-left:15px; border:1px solid #eee; padding-right:10px; font-size: 15px; letter-spacing: 1px; } .widget .tweet-content { padding: 6px; line-height: 18px; letter-spacing: 1px; } .widget .tweet-content .time{ padding-top: 5px; display: block; text-align: right; } .widget .twitter-user { padding-top: 10px; letter-spacing: 1px; } .mc4wp-form { margin: 1em 0; padding: 0px 20px; overflow: hidden; } .footer .mc4wp-form { background: none; } .mc4wp-form label { display:none!important; } .mc4wp-form input[type=submit] { padding: 10px 0; float: right; border: 0; width: 100%; height: 41px; cursor: pointer; text-align: center; padding-top: 10px; color: white; transition: all 0.25s linear; background: #87ceeb; margin-top: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form.mc4wp-form input[type="email"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; background-color: #fff; float: left; padding: 12px 0; text-indent: 10px; color: #999; border: 1px solid #DDD; box-shadow: 1px 1px 3px #EEE inset; box-sizing: border-box; letter-spacing: 1px; } /**Sidebar End**/ /**Pagination start**/ .paging{ text-align:right; padding: 20px 0; } .paging li{ display:inline-block; margin-left:5px; } .paging li a{ font-family:lato; padding:5px 15px; background:#fff; border:1px solid #87ceeb; display:inline-block; } .paging li a.current{ background: #87ceeb; color: #fff; } .paging li a:hover{ padding:5px 15px; background:#87ceeb; color:#fff; border:1px solid #87ceeb; } /**Single post page start**/ .content .blog-single{ overflow: hidden; background: #fff; } .content .blog-single .post { margin-bottom:0px; } .content .blog-single .post .post-author-pic img { max-width: 80px; width: 80px; } .content .blog-single .post .post-author-content .post-author-pic{ margin-top: -54px; } .content .blog-single .post-author-bottom-border{ text-align:center; } .single .post-content .post-share { float: right; display: inline-flex; padding: 5px 0px; } .post-share .share-text, .single-bottom-meta .post-share .share-text { font-style: italic; letter-spacing: 1.5px; } ul.single-social-icon li { display: inline-block; margin-left: 9px; } .single .tagcloud { float: left; } .single-bottom-meta { overflow: hidden; } .single .post .post-bottom-strip { background: none!important; margin-top: 0px; } .single .post-bottom-strip .post-share .social-icon li a{ color:#424242; } .single .post-bottom-strip .post-share .social-icon li a:hover{ color:#87ceeb; } .single .post-content{ margin-bottom:40px; padding-left: 20px; padding-right: 20px; } .single .post-bottom-strip{ padding:0 20px; } .single .navigation.post-navigation .screen-reader-text{ display:none; } .single .navigation.post-navigation{ margin:30px 0; } .single .nav-links .nav-previous, .nav-links .nav-next{ padding:0 20px; } .single .post-bottom-strip .post-share, .nav-links .nav-next { display: inline-block; width: 50%; text-align: right; } .single .post-bottom-strip .post-share{ float: right; } .single .nav-links .nav-previous a:before{ content:"\f104"; font-family:fontawesome; padding-right:9px; } .nav-links .nav-next a:after{ content:"\f105"; font-family:fontawesome; padding-left:5px; } .nav-links .nav-next a:hover, .nav-links .nav-previous a:hover{ color:#f5f5f5; } .single .post-share{ padding:6px 0px; } .single .post-bottom-strip .tagcloud, .nav-links .nav-previous { width: 50%; display: inline-block; text-align:left; } .navigation.post-navigation .screen-reader-text{ display:none; } h3.related-heading { text-align: center; margin: 20px auto 40px; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; } .single .related-post{ padding:20px; } .single li.sl-related-thumbnail { width: 32%; float: left; list-style-type: none; margin-right: 2%; } .single .related-post li:last-child{ margin-right:0%; } .related-post .sl-related-thumbnail{ position:relative; } .related-post .sl-related-thumbnail h3{ font-size:13px; position:absolute; top:0; left:0; right:0; text-align:center; background:#fff; margin: 0 10%; line-height: 22px; } .sl-related-thumbnail h3 a{ padding:5px; display:block; overflow:hidden; } #page.no-sidebar .blog-single .sl-related-thumbnail h3 a{ font-size:18px; } .single span.edit-link { float: right; padding: 0 20px; margin: 30px 0; } .single .content .post { box-shadow: none; } .single .content .post { box-shadow: none; } .single .content .blog-single { overflow: hidden; background: #F5F5F5; } .single .content .post .post-inner{ margin-bottom: 30px; padding-bottom: 10px; } .single #commentsbox { margin-top: 30px; padding: 20px; } .single .content .post .post-inner, .single .content .related-post, .single .content .comment-section { background-color: #fff; overflow: hidden; box-shadow: 0 0 1px #DDD; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .single .content .post { background-color: transparent; } .multipage-links { text-align: right; margin:20px 0; } .multipage-links span{ font-family: open sans; padding:0 3px; } .multipage-links span.active{ border-bottom:1px solid #87ceeb; color:#87ceeb; } .multipage-links a span.active{ border-bottom:none; color:#000 } .multipage-links a span.active:hover{ color:#87ceeb; } /**Single post page end**/ /*Comment Style Start*/ #commentsbox { margin: 0; } h1#comments{ text-align:center; font-size:22px; margin:20px 0; } .single .post-comment-top-border{ text-align:center; margin:20px 0; } .single .post-comment-top-border img{ background:#87ceeb; } ol.commentlist { clear: both; overflow: hidden; list-style: none; margin: 0; padding: 0px; } ol.commentlist li { line-height: 18px; margin: 15px 0 15px; padding: 10px; padding-left: 0px; padding-right: 0px; } ol.commentlist li .comment-body { margin-left: 80px; position: relative; border: 1px solid rgba(221, 221, 221, 0.35); padding: 10px 10px 5px 15px; background: transparent; border-radius: 3px; } ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited { color: #5a5d5a; text-decoration: none !important; font-size: 13px; } .comment-author.vcard { display: inline; } .comment-metadata { margin: 5px 0; } .comment-metadata time{ font-size: 12px; letter-spacing: 1px; } .comment-author.vcard a { margin-bottom: 8px; font-size: 16px; } .comment-author.vcard span.says { display: none; } cite.fn { color: #5a5d5a; font-style: normal; margin-right: 8px; } b.fn { font-size: 15px; letter-spacing: 1px; color: #424242; font-weight: normal; } ol.commentlist li .comment-author .avatar { float: left; margin-right: 10px; margin-bottom: 10px; position: absolute; left: -81px; top: -1px; width: 60px; height: 60px; border-radius: 3px; border: 1px solid rgba(221, 221, 221, 0.35); padding: 5px; } ol.commentlist li .comment-author .avatar:hover { -webkit-animation: bounceIn_single 0.7s ease-in-out; -moz-animation: bounceIn_single 0.7s ease-in-out; -o-animation: bounceIn_single 0.7s ease-in-out; animation: bounceIn_single 0.7s ease-in-out; } ol.commentlist li .comment-meta { display: inline; } ol.commentlist li .comment-meta a { color: #87ceeb; text-decoration: none !important; display: inline-block; } ol.commentlist li p { line-height: 22px; margin-top: 5px; color: #666; } ol.commentlist li .reply { } ol.commentlist li .reply a { color: #FFFFFF; font-size: 12px; position: absolute; bottom: 10px; right: 10px; padding: 5px; letter-spacing: 1px; background: #87CEEB; } ol.commentlist li ul.children { list-style: none; text-indent: 0; margin: 1em 0 0; } .comment-nav { height: 20px; padding: 5px; } .comment-nav a:link, .comment-nav a:visited { color: #f96e02; } .single a.comment-edit-link { position: absolute; top: 5px; right: 5px; } #respond { margin: 10px 0; padding: 0; } #respond h3 { text-align: center; font-size: 18px; color: #555; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #eee; } #respond label{ display: block; } #commentform input#author, #commentform input#email, #commentform input#url{ background: #f5f5f5; height:35px; width:316px; border:1px solid #eee; padding:0 5px; } textarea#comment { width: 100%; height:200px; margin-top:40px; padding:5px; border:1px solid #eee; background: #f5f5f5; } p.comment-form-email, p.comment-form-url{ margin-top:20px; } #commentform input#submit { background-color: #87ceeb; color: #fff; border: none; padding: 10px; margin-top: 20px; } /****Contact form start*******/ .wpcf7 p { color: #777; font-style: italic; margin-bottom: 16px; } .wpcf7 input, .wpcf7 textarea { font-size: 12px; margin-top: 6px; } .wpcf7 .wpcf7-submit { font-size: 12px; margin-top: 0; } .wpcf7 input,.wpcf7 select { border: 1px solid #ddd; color: #5a5d5a; padding: 9px 10px; width: 300px; box-sizing: border-box; } .wpcf7 textarea { border: 1px solid #ddd; color: #5a5d5a; padding: 9px 10px; width:100%; max-width: 600px; box-sizing: border-box; } .wpcf7 input[type=submit] { text-transform: uppercase; letter-spacing: 2px; background: #87ceeb; border:1px solid #87ceeb; font-size: 10px; color: #fff; padding: 11px 21px; margin-top: 14px; display: inline-block; transition: all 0.25s linear; cursor: pointer; width: auto; } /* Footer Style Start */ #move-to-top { color: #fff; cursor: pointer; display: inline-block; font-weight: bold; padding: 9px 10px; position: fixed; right: 10px; bottom: 10px; width: 40px; z-index: 999; background: #87ceeb; transition: all 0.25s linear; -webkit-backface-visibility: hidden; border: 2px solid #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.18); text-align: center; } a#move-to-top.hiding { display:none; } .footer .footer-widget-column .widget { width: 32%; float: left; position: relative; margin-bottom: 30px; margin-right: 2%; padding-right: 2%; border-right: 1px solid #dadada; } .footer .footer-widget-column.footer-widget-4column-active .widget { width: 23.5%; } .footer .footer-widget-column .widget:last-child, .footer .footer-widget-column.footer-widget-4column-active .widget:last-child{ margin-right: 0%; border-right:none; } .footer .footer-widget-column .widget:first-child .widgettitle, .footer .footer-widget-column .widget:last-child .widgettitle{ text-align:left; } .footer .footer-widget-column .widget .widgettitle > span:before, .footer .footer-widget-column .widget .widgettitle > span:after{ display:none; } .footer { overflow: hidden; padding-top:40px; padding-bottom: 20px; } .footer-wrapper { background-color:#fff; } .footer-wrapper .footer-copyright { text-align: center; overflow:hidden; padding:20px 0; border-top:1px solid #ddd; } .footer-wrapper .footer-copyright ul li { display: block; padding: 6px; } .footer-wrapper .social-icon ul li{ display:inline; } .footer-copyright { padding: 0 20px; } /* Footer Style End */ /**Media Start**/ @media screen and (max-width: 1230px){ #page, .container { max-width: 96%; } } @media screen and (max-width:1024px) { .logged-in.admin-bar .navigation.mobile-menu-wrapper{ margin-top:32px; } .navigation { width: 100%; border: none !important; display: none; } .navigation .menu > li { margin: 0px; } #main-menu-wrapper nav.navigation .menu, header.smaller #main-menu-wrapper nav.navigation ul { padding: 0; } .navigation ul .current-menu-item > a, .navigation ul li a:hover { background-color:rgb(189, 183, 107); color: #fff!important; } .navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a { color: #000!important; background: transparent; } .navigation .menu { display: block!important; float: none; background: transparent; margin-bottom: 45px; } .navigation ul ul { visibility: visible!important; opacity: 1!important; position: relative; left: 0!important; border: 0; width: 100%; } .navigation ul li li { background: transparent; border: 0; } .navigation ul ul li:hover { background-color: rgba(249, 249, 249, 0); } .navigation .menu > li > a { font-size: 14px; } .navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited { font-size: 13px; font-family: lato; } nav { height: auto; } nav li, .navigation ul li li { width: 100%!important; float: left; position: relative; } .navigation ul li:after { display: none; } .navigation ul li:before { display: none; } nav li a { border-bottom: 1px solid rgba(193, 193, 193, 0.2)!important; width: 100%!important; box-sizing: border-box; font-size: 14px; } nav a { text-align: left; width: 100%; text-indent: 25px; } .header a#pull { display: block; width: 100%; position: relative; color: #000; padding: 35px 0; text-indent: 15px; text-align: right; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } body.page .header a#pull{ color:#000; } a#pull:after { content: "\f0c9"; display: inline-block; font-size:30px; font-family: FontAwesome; } .mobile-menu-active a#pull:after { content: "\f00d"; } .header-wrapper header.smaller a#pull { padding: 23px 0; color: #000; } .navigation ul .sfHover a, .navigation ul li:hover, .navigation ul .sfHover ul li { background: transparent; } /*-[ Responsive Navigation ]--------------------------------*/ .mobile-menu-active .main-container, .mobile-menu-active #site-header, .mobile-menu-active .footer { left: 300px; transition: left 500ms ease; } .navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0; left: -300px; width: 300px; height: 100%; background-color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.2)!important; overflow: auto; transition: left 500ms ease; -webkit-backface-visibility: hidden; z-index: 99999; } .mobile-menu-active .navigation.mobile-menu-wrapper { left: 0; } .navigation ul li { width: 100%; display: block; } .navigation ul li:hover { background: none; } .navigation ul li a, .navigation ul ul a { padding: 15px 0; width: 100%; border: none; } .navigation ul ul { position: static; width: 100%; border: none; padding-top: 0px; } .navigation ul ul.sub-menu{ top: 48px; } .navigation ul ul li { background: none; width: 100%; } .navigation i { display: inline; } .navigation ul ul a { padding: 9px 18px !important; } .navigation ul ul ul a { padding: 9px 27px !important; } .navigation ul ul ul ul a { padding: 9px 36px !important; } .navigation .toggle-caret { display: block; width: 43px; height: 44px; line-height: 43px; color: #8C8686; order-left: 1px solid rgba(193, 193, 193, 0.2); } .navigation .toggle-caret i { margin-right: 0; } .navigation .menu-item-has-children > a:after { content: ''; } header #searchform-wrap { right: 45px; } .two-grid-layout .post .post-header h2, .three-grid-layout .post .post-header h2 { font-size: 18px; line-height: 25px; } } @media (max-width: 990px){ .content { width: 100%; max-width: 800px; float: none; margin: 0 auto; clear: both; overflow:hidden; } #page.left .content,#page.left .sidebar-wrapper { float: none; } .sidebar-wrapper { max-width: 400px; width: 96%; float: none; margin: 70px auto 0px; } } @media screen and (max-width:900px) { .widget-header { max-width: 70% } .navigation .menu { box-shadow: none; } ul.load_post.three-grid-layout { max-width: 750px; margin: 0 auto; } ul.three-grid-layout li.post{ width:48%; float:left; max-width:358px; } ul.three-grid-layout li.post:nth-of-type(even){ margin-right:0px; } ul.three-grid-layout li.post:nth-of-type(odd) { margin-right: 4%; } ul.three-grid-layout li.post:nth-child(3n+1){ clear:none; } } @media screen and (min-width: 769px){ .content .list-layout .post .post-author-content, .content .list-layout .post .post-meta, .content .list-layout .post .post-content .description{ text-align:left; } .content .list-layout .post .post-author-bottom-border, .content .list-layout .post .post-author-pic{ display:none; } .content .list-layout .post-content .description { padding-top: 10px; } .content .list-layout .post .post-author a{ display:inline-block; color:#87ceeb; text-transform:capitalize; font-style:italic; letter-spacing:1px; } ul.list-layout .post .post-meta{ margin: 15px 0 0; } #page.no-sidebar .content .list-layout .post .post-content { padding-left: 30px; padding-right: 30px; } .list-layout .post-img img{ display: block; } .content .list-layout .post .post-author-pic img { margin: 0px; } .content .boxed-layout .post .post-author-pic img { margin: 0 10px 10px; } .content .boxed-layout .post .post-meta { margin: 15px 0 10px; } .content .boxed-layout .read-more { margin-bottom: 5px; } } @media screen and (max-width: 768px){ .flex-slider .flex-direction-nav a { width: 18px; height: 56px; } .flex-direction-nav .flex-next { right: 0%; background: url(images/gallery-format-right-arrow.png)no-repeat; } .flex-direction-nav .flex-prev { opacity: 1; left: 0%; background: url(images/gallery-format-left-arrow.png)no-repeat; } .caption-content .fs-title-size h1{ font-size:28px; } .caption-content .fs-title-size span a, .caption-content .fs-title-size span, .slider-post-date a{ font-size:12px; } ul.two-grid-layout li.post{ width: 100%; max-width:562px; margin-left:auto; margin-right:auto; float:none; } ul.two-grid-layout li.post:nth-of-type(even) { margin-left:auto; margin-right:auto; } ul.boxed-layout .post .post-img, .content .boxed-layout .post, ul.boxed-layout .post .post-img-wrapper { width: 100%; max-width: 585px; margin-left: auto; margin-right: auto; } ul.boxed-layout .post .post-content, ul.list-layout .post .post-content{ width: 100%; padding: 0px 4% 30px!important; } ul.boxed-layout .post .post-author-pic, ul.list-layout .post .post-author-pic{ position: relative; margin-top: -44px; } #page.no-sidebar ul.boxed-layout .post .post-content { min-height: auto; } ul.list-layout .post{ max-width: 468px; margin-left:auto; margin-right:auto; float: none; } ul.list-layout .post .post-img-wrapper { max-width: 468px; width: 100%; float: none; } .content ul.list-layout .post .post-img img{ width:100%; } ul.list-layout .post .post-author-content { margin-top: 0px; } .th-instagram ul.instagram-pics li { width: 33.3%; max-width: 33.3%; } .footer .footer-widget-column .widget, .footer .footer-widget-column.footer-widget-4column-active .widget { width: 46%; } .footer .footer-widget-column .widget:nth-child(2n+1) { clear: both; margin-right:3.6% } .footer .footer-widget-column .widget:nth-child(2n+2) { margin-right:0px; border-right:none; } .footer .footer-widget-column .widget:first-child .widgettitle, .footer .footer-widget-column .widget:last-child .widgettitle{ text-align:center; } } @media (max-width: 600px){ .content .standard-layout .post-header, .single .post .post-header { position: relative; padding: 30px 15px 10px; } .standard-layout .post .post-author-pic img, .content .blog-single .post .post-author-content .post-author-pic img { max-width: 60px; width: 60px; } .content .standard-layout .post .post-author-content .post-author-pic, .content .blog-single .post .post-author-content .post-author-pic{ margin-top: 0px; } .single li.sl-related-thumbnail, .single .related-post li:last-child { width: 100%; max-width:358px; margin:15px auto; float: none; } .audio-format, .post .post-img blockquote { top: 20%; } .content .standard-layout .post .post-author-content { margin-top: 0px; } #page.no-sidebar .content .post .post-content, .content .post .post-content { padding-left: 20px; padding-right: 20px; } .standard-layout .format-audio .post-img, .standard-layout .format-quote .post-img { min-height: 210px; } .slider-post-content-wrapper { top: 25%; } .slider-post-title h1 { font-size: 34px; } } @media (max-width: 550px){ ul.three-grid-layout li.post{ max-width: 358px; width: 100%; margin-left:auto; margin-right:auto; float:none; } ul.three-grid-layout li.post:nth-of-type(3n+3) { margin-right: auto; } ul.three-grid-layout li.post:nth-of-type(even){ margin-right:auto; } ul.three-grid-layout li.post:nth-of-type(odd) { margin-right: auto; } .footer .footer-widget-column .widget, .footer .footer-widget-column.footer-widget-4column-active .widget { width: 100%; border-right: none; }} @media screen and (max-width: 480px){ a#pull { right:15px; } .slider-post-title h1 { font-size: 24px; margin: 8px 0; } .slider-post-date { margin: 5px 0; font-size: 11px; } .read-more.read-more-slider { padding: 17px 66px; margin: 8px 0; } .read-more.read-more-slider a{ font-size:10px; }}