/* Theme Name: Ambision Theme URI: http://modernwpthemes.com/themes/ambision/ Author: ModernWPThemes Author URI: http://modernwpthemes.com/ Description: Ambision is a clean and elegant WordPress blog theme. It is suitable for almost all kinds of blog. Ambision theme comes with theme options panel and it will let you change the logo, favicon, background color or you can be able to upload background image, insert social links and much more. Version: 1.0 License: GNU General Public License v3.0 License URI: license.txt Tags: two-columns, right-sidebar, left-sidebar, post-formats /*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; -webkit-font-smoothing: antialiased !important; -moz-text-rendering: optimizeLegibility !important; text-rendering: optimizeLegibility !important; } body { font-family: 'Roboto Slab', serif; font-size: 14px; font-weight:400; line-height: 27px; color: #888888; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ button, input, select, textarea { color: #404040; font-size: 16px; line-height: 1.6; } h1, h2, h3, h4, h5, h6 { margin: 35px 0 17px 0; color: #333333; } h1, .h1 { font-size: 32px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } p { margin-bottom: 25px; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { background:#f4f4f4; padding: 20px; font-size: 15px; border-left: 5px solid #c7afbd; margin:0 0 25px 0; color: #2f2f2f; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } address { margin: 0 0 25px; } pre { background: url(images/pre.png) repeat top; font-size:13px; border-radius: 5px; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; } code{ padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } code, kbd, tt, var { } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } ::selection{ background:#f1f1f1; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ hr { background-color: #cccccc; border: 0; height: 1px; margin: 20px 0; } ul, ol { margin: 0 0 20px 40px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 20px; } dt { font-weight: bold; } dd { margin: 0 20px 20px 0; } img { max-width: 100%; /* Adhere to container width. */ height: auto; /* Make sure images are scaled correctly. */ } figure { margin: 0; } table { margin: 0 0 25px; width: 100%; } th { font-weight: bold; } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */ } button, input[type="button"], input[type="reset"], input[type="submit"] { background:#ffffff; color:#2f2f2f; font-size: 16px; padding: 2px 30px; border:1px solid #2f2f2f; outline:none; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background:#2f2f2f; color:#ffffff; border:1px solid #2f2f2f; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background:#FFFFFF; color:#2f2f2f; border:1px solid #2f2f2f; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background:#f7f7f7; border: 1px solid #e4e4e4; border:none; padding:5px; color: #2e3944; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border:none; outline:0; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /*-------------------------------------------------------------- 5.0 Header --------------------------------------------------------------*/ .site-header { background:#ffffff; } .header-branding-wrapper{ padding:80px 0; border-bottom: 3px solid #000; } .site-branding { margin:10px 0; } .site-branding a { display:inline-block; text-decoration: none; } .site-branding .logo-wrapper img{ width: 100%; } .site-title { margin: 0; font-size: 31px; line-height: 31px; color: #2f2f2f; } .site-description { color: #888888; font-size: 12px; line-height: 13px; letter-spacing: 1px; margin: 10px 0 0 0; } .header-navigation-logo-wrapper{ background-color:#ffffff; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1); } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*Wp Pagination*/ .paging-navigation{ margin:45px 0 0 0; } .nav-links { font-size:12px; text-align: center; } .nav-links .nav-previous { display: inline-block; } .nav-links .nav-next { display: inline-block; } .wp-pagenavi span.pages{ background:none; box-shadow:none; display:none; } .wp-pagenavi a, .wp-pagenavi span{ width:40px; height:40px; font-size: 14px; text-decoration: none; display:inline-block; line-height:34px; border:none!important; margin: 3px; background: #FFFFFF; color: #2f2f2f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.175); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.175); box-shadow: 0 2px 2px rgba(0,0,0,.175); } .wp-pagenavi a:hover, .wp-pagenavi span.current { border:none!important; background: #c7afbd; color: #FFFFFF; } /*Page and Post Navigation*/ .site-main .comment-navigation, .site-main .paging-navigation, { } .post-navigation .nav-previous { text-align:left; } .post-navigation .nav-next { text-align: right; } .site-main .post-navigation { overflow: hidden; margin: 0 0 25px 0; background: #ffffff; padding: 20px; color: #888888; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .post-navigation .nav-previous .meta-nav { font-size: 30px; margin-left: -24px; padding-right: 4px; line-height: 30px; vertical-align: middle; } .post-navigation .nav-previous a { font-size:14px; position:relative; display: block; padding: 15px 15px 15px 45px; min-height: 62px; max-height:73px; color: #2f2f2f; } .post-navigation .nav-previous a:after{ content:"\f100"; font-family:FontAwesome; padding: 13px 10px; font-size: 30px; line-height: normal; position: absolute; left: 0; top: 0; height:100%; } .post-navigation .nav-previous a:hover { color: #c7afbd; } .post-navigation .nav-previous a:hover:after { color: #c7afbd; } .post-navigation .nav-next .meta-nav { font-size: 30px; margin-right:-24px; padding-left: 4px; line-height: 30px; vertical-align: middle; } .post-navigation .nav-next a{ font-size: 14px; position:relative; display: block; padding: 15px 45px 15px 15px; min-height: 62px; max-height:73px; color: #2f2f2f; } .post-navigation .nav-next a:after{ content:"\f101"; font-family:FontAwesome; padding: 13px 10px; font-size: 30px; line-height: normal; position: absolute; right: 0; top: 0; height:100%; } .post-navigation .nav-next a:hover { color: #c7afbd; } .post-navigation .nav-next a:hover:after { color: #c7afbd; } #reply-title { padding:0px 0px 15px 0; position: relative; font-family: 'Roboto Slab', serif; font-size:20px; font-weight: 700; margin:0; color:#2f2f2f; } /*Post Navigation*/ .paging-navigation .nav-links .nav-previous a{ background: #FFFFFF; color: #2f2f2f; padding: 5px 20px; position: relative; display: inline-block; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.175); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.175); box-shadow: 0 2px 2px rgba(0,0,0,.175); -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; } .paging-navigation .nav-links .nav-previous a:before{ content:"\f177"; font-family:Fontawesome; padding-right:10px; } .paging-navigation .nav-links .nav-previous a:hover{ background: #c7afbd; color:#ffffff } .paging-navigation .nav-links .nav-next a{ background: #ffffff; padding: 5px 20px; position: relative; display: inline-block; color: #2f2f2f; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.175); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.175); box-shadow: 0 2px 2px rgba(0,0,0,.175); -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; } .paging-navigation .nav-links .nav-next a:after{ content:"\f178"; font-family:Fontawesome; padding-left:10px; } .paging-navigation .nav-links .nav-next a:hover{ background: #c7afbd; color:#ffffff; } /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ a { color: #c7afbd; text-decoration:none; } a:hover{ color: #2f2f2f; text-decoration:none; } a:focus, a:active { color: #c7afbd; text-decoration:none; } /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ .header-navigation{ } .sf-menu ul { margin: 0; padding: 0; list-style: none; } .sf-menu li ul { top: -999em; position: absolute; z-index: 99999; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 40px; } .sf-menu li:hover li ul, .sf-menu li.sfHover li ul { top: -999em; } .sf-menu li li:hover ul, .sf-menu li li.sfHover ul { top: 0; left: 200px!important; } .sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul { top: -999em; } .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul { top: 0; left: 200px; } .sf-menu li { display:inline-block; position: relative; visibility: inherit; } .sf-menu li:first-child:before{ content:""; line-height:normal; } .sf-menu li:before{ content:"//"; line-height:60px; color:#2f2f2f; } .sf-menu li li:before{ content:""; } .sf-menu li.menu-item-has-children a:after { content:"\f107"; font-family:FontAwesome; padding-left: 12px; font-size: 18px; font-weight:400; line-height:50px; } .main-navigation .sf-menu li.menu-item-has-children a:hover:after, .main-navigation .sf-menu li.menu-item-has-children.sfHover > a:after, .main-navigation .sf-menu li.menu-item-has-children.current_page_item > a:after, .main-navigation .sf-menu li.menu-item-has-children.current-menu-item > a:after, .main-navigation .sf-menu li.menu-item-has-children.current-menu-parent > a:after, .main-navigation .sf-menu li.menu-item-has-children.current-page-parent > a:after, .main-navigation .sf-menu li.menu-item-has-children.current-page-ancestor > a:after, .main-navigation .sf-menu li.menu-item-has-children.current_page_ancestor > a:after, .main-navigation .sf-menu li.menu-item-has-children.current-menu-ancestor > a:after { content:"\f107"; font-family:FontAwesome; padding-left: 12px; font-size: 18px; line-height:50px; color:#c7afbd; } .main-navigation .sf-menu li.menu-item-has-children .sub-menu li a:after{ content:""; font-family:FontAwesome; text-align:right; line-height:0; } .sf-menu li li{ margin-bottom:0; } .sf-menu li a { display:inline-block; } .sf-menu li:hover li a, .sf-menu li.sfHover li a { } .header-navigation-logo-wrapper .main-navigation{ } .main-navigation .sf-menu { background: transparent; } .main-navigation .sf-menu > ul > li:last-child:after { display: none; } .main-navigation .sf-menu > ul > li:hover:after, .main-navigation .sf-menu > ul > li.sfHover:after, .main-navigation .sf-menu > ul > li.current_page_item:after, .main-navigation .sf-menu > ul > li.current-menu-item:after { } .main-navigation .sf-menu li a { padding: 0px 10px; color: #2f2f2f; font-size: 12px; font-weight: 700; text-transform:uppercase; text-decoration: none; line-height: 80px; margin:0; position:relative; } .main-navigation .sf-menu li:hover ul, .main-navigation .sf-menu li.sfHover ul { width:200px!important; right:0; background:#ffffff; border-top:2px solid #c7afbd; color:#2f2f2f; -webkit-box-shadow: -7px 0 7px -6px rgba(0, 0, 0, 0.1), 7px 0px 7px -6px rgba(0, 0, 0, 0.1); -moz-box-shadow: -7px 0 7px -6px rgba(0, 0, 0, 0.1), 7px 0px 7px -6px rgba(0, 0, 0, 0.1); box-shadow: -7px 0 7px -6px rgba(0, 0, 0, 0.1), 7px 0px 7px -6px rgba(0, 0, 0, 0.1); } .main-navigation .sf-menu li:hover ul, .main-navigation .sf-menu li.sfHover ul { top: 80px; } .main-navigation .sf-menu li li:hover ul, .main-navigation .sf-menu li li.sfHover ul { top: 0; border-top:none!important; } .main-navigation .sf-menu li li a:hover, .main-navigation .sf-menu li li.sfHover > a, .main-navigation .sf-menu li li.current_page_item > a, .main-navigation .sf-menu li li.current-menu-item > a, .main-navigation .sf-menu li li.current-menu-parent > a, .main-navigation .sf-menu li li.current-page-parent > a, .main-navigation .sf-menu li li.current-page-ancestor > a, .main-navigation .sf-menu li li.current_page_ancestor > a, .main-navigation .sf-menu li li.current-menu-ancestor > a{ color: #c7afbd!important; box-shadow:none; } .main-navigation .sf-menu li li { border-bottom: 1px dashed #eeeeee; border-right:none; } .main-navigation .sf-menu li li:last-child { border-bottom: none } .main-navigation .sf-menu li li a { color: #2f2f2f; font-weight: 400; } .main-navigation .sf-menu li a:hover, .main-navigation .sf-menu li.sfHover > a, .main-navigation .sf-menu li.current_page_item > a, .main-navigation .sf-menu li.current-menu-item > a, .main-navigation .sf-menu li.current-menu-parent > a, .main-navigation .sf-menu li.current-page-parent > a, .main-navigation .sf-menu li.current-page-ancestor > a, .main-navigation .sf-menu li.current_page_ancestor > a, .main-navigation .sf-menu li.current-menu-ancestor > a { color: #c7afbd; } .main-navigation .sf-menu li:hover li a, .main-navigation .sf-menu li.sfHover li a { margin: 0; padding: 15px 25px; font-size: 13px; text-transform: none; line-height: 18px; color: #2f2f2f; border-bottom: none; display:block; } .main-navigation .sf-menu li:hover li a:hover, .main-navigation .sf-menu li.sfHover li a:hover{ border-bottom: none; } @media only screen and (max-width: 60em) { .main-navigation .sf-menu > .sf-menu { position: relative; text-align: left; } .main-navigation .sf-menu li a { font-size: 10px; } .main-navigation .sf-menu > .sf-menu > ul { position: absolute; top: 0; left: 0; width: 100%; max-height: 0; max-width: 256px; overflow: hidden; } .main-navigation .sf-menu :target > .sf-menu > ul { max-height: 400px; overflow:visible; } .main-navigation .sf-menu > .sf-menu > ul > li { float: none; display: block; } .main-navigation .sf-menu > .sf-menu > ul > li:after { display: none; } .main-navigation .sf-menu li a { float: none; color: #2f2f2f; } .sf-menu li{ margin-bottom:0; } } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .post-navigation .screen-reader-text { border-bottom: 1px dashed #c9c9c9; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 700; padding: 0 0px 15px; margin: 0; color: #2f2f2f; margin: 0 15px 4px 15px; } .post-navigation .screen-reader-text span { display: inline-block; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { } .paging-navigation .screen-reader-text{ display:none; } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 24px; } .alignright { display: inline; float: right; margin-left: 24px; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ #secondary{ } .widget ul { margin: 0 0 0px; padding: 0; list-style: none; } .widget li{ list-style:square; margin: 0 0 3px 27px; color:#2f2f2f; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .widget li:hover{ padding-left:5px; } .widget .post-date { font-size: 12px; color:#bbbbbb; display:block; padding-left: 25px; } /*Sideabr Widget ul li*/ .widget_archive li, .widget_recent_comments li, .widget_categories li, .widget_recent_entries li, .widget_nav_menu li{ list-style:none; padding:0 5px; margin:0 0 3px 0; } .widget_archive li:before, .widget_recent_comments li:before, .widget_categories li:before, .widget_recent_entries li:before, .widget_nav_menu li:before{ content:"\f192"; font-family:FontAwesome; font-weight:400; margin-right:10px; color:#e8e8e8; -webkit-transition: all .25s; -moz-transition: all .25s; transition: all .25s; } .widget_archive li:hover:before, .widget_recent_comments li:hover:before, .widget_categories li:hover:before, .widget_recent_entries li:hover:before, .widget_nav_menu li:hover:before{ content:"\f192"; font-family:FontAwesome; font-weight:400; margin-right:5px; color:#c7afbd; -webkit-transition: all .25s; -moz-transition: all .25s; transition: all .25s; } .footer-inner .widget_archive li, .footer-inner .widget_recent_comments li, .footer-inner .widget_categories li, .footer-inner .widget_recent_entries li, .widget_nav_menu li { border-bottom: none; } /*Sideabr Widget Link Color*/ #secondary .widget { font-size:13px; margin: 0 0 25px 0; background:#ffffff; padding:30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } #secondary .widget-title { font-size: 13px; font-weight:700; line-height:13px; padding-bottom:5px; text-transform:uppercase; margin:0 0 30px 0; text-align:center; } #secondary .widget-title span{ padding:0 0px 7px 0px; border-bottom: 2px solid #c7afbd; color:#2f2f2f; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } #secondary .widget-title:hover span{ padding:0 10px 7px 10px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } #secondary .widget-title span:before{ content:"-"; padding-right:5px; } #secondary .widget-title span:after{ content:"-"; padding-left:5px; } #secondary .widget a{ color:#888888; } #secondary .widget a:hover{ color:#c7afbd; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; outline:none; } /* Search widget */ .widget_search label{ width:85%; } .widget_search .search-form{ background:#f7f7f7; padding:4px; border: 1px solid #e4e4e4; } .widget_search input[type=search]{ width:100%; background:#f7f7f7; padding:2px 5px; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .widget_search input[type=submit]{ width:22px; height:22px; padding:0; float:right; text-indent:-9999px; border:none; background:url(images/search.png) no-repeat; margin: 2px 5px 0 0; vertical-align: top; } /*Calender Widget*/ #wp-calendar{ border-spacing:2px; } #wp-calendar tbody td{ line-height: 36px; text-align: center; border: none; background: #f9f9f9; } #wp-calendar th{ background: #f5f5f5; color: #2f2f2f; font-size: 14px; padding: 7px 0; text-align: center; } #wp-calendar caption{ background: #f9f9f9; color: #2f2f2f; font-size: 14px; font-weight: bold; margin-bottom: 6px; padding: 7px 0; text-align: center; } #wp-calendar thead tr { background: #f8f8f8; } #wp-calendar a { color: #c7afbd; display: block; text-align: center; } #wp-calendar a:hover { } /*Tag Cloud*/ #secondary .widget .tagcloud a { display: inline-block; padding:6px 12px; font-size: 11px!important; line-height: 11px; margin: 0 0px 8px 0; background: #c7afbd; color:#ffffff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #secondary .widget .tagcloud a:hover { background:#2f2f2f; color:#ffffff; } .widget .tagcloud a { display: inline-block; padding:6px 12px; font-size: 11px!important; line-height: 13px; margin: 0 0px 8px 0; background: #c7afbd; color:#ffffff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .widget .tagcloud a:hover { background:#2f2f2f; color:#ffffff; } .widget .tagcloud a:before { content: "\f02b"; font-family: FontAwesome; padding-right: 6px; color: #ffffff; } .widget .tagcloud a:hover:before { content: "\f02b"; font-family: FontAwesome; padding-right: 6px; color: #ffffff; } /* Widget Tabs */ #secondary .widget.widget_ambision_tabs{ padding:0; } .widget_ambision_tabs .widget-tab-nav { margin: 0; *zoom: 1; } .widget_ambision_tabs .widget-tab-nav li { width: 32.9%; background: #ffffff; float: left; padding: 0; text-align: center; border: none; list-style:none!important; margin:0 0px 0 0; overflow: hidden; line-height:normal; } .widget_ambision_tabs .widget-tab-nav li:nth-of-type(3){ margin:0; } .widget_ambision_tabs .widget-tab-nav li:nth-of-type(3) a{ border-right: none; } .widget_ambision_tabs .widget-tab-nav li a { display: block; padding: 15px; font-size:13px; font-weight:600; border-right: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; text-transform:uppercase; color:#888888; } .widget_ambision_tabs .widget-tab-nav li a:hover{ color:#c7afbd; } .widget_ambision_tabs .widget-tab-nav li a:hover, .widget_ambision_tabs .widget-tab-nav li a:focus { color: #2f2f2f; text-decoration: none; } .widget_ambision_tabs .widget-tab-nav li.active a { background:#ffffff; color: #c7afbd; border-bottom: 2px solid #ffffff; } .widget_ambision_tabs .widget-tab-nav li.active a:hover { color: #FFF; } .widget_ambision_tabs .widget-tab-content { padding: 25px 35px 35px 35px; } .widget_ambision_tabs .widget-tab-content .tab-pane { margin: 0; display: none; } .widget_ambision_tabs .widget-tab-content .active { display: block; } .widget_ambision_tabs .widget-tab-content .tab-pane ul { margin: 0; } .widget_ambision_tabs .widget-tab-content .tab-pane li { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dashed #c9c9c9; list-style:none; } .widget_ambision_tabs .widget-tab-content .tab-pane li:last-child{ margin: 0; padding: 0; border-bottom: none; } .widget_ambision_tabs .widget-entry-thumbnail { float: left; position:relative; margin-right: 20px; } .widget_ambision_tabs .widget-entry-thumbnail img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .widget_ambision_tabs .widget-entry-summary { padding:0 12px; } .widget_ambision_tabs .widget-entry-content span, .widget_ambision_tabs .widget-entry-summary span { color: #999; font-size: 11px; } .widget_ambision_tabs .widget-entry-content h4, .widget_ambision_tabs .widget-entry-summary h4 { margin: 0; font-family: 'Roboto Slab', serif; font-size: 13px; line-height: 1.4; } .widget_ambision_tabs .widget-entry-content h4 a, .widget_ambision_tabs .widget-entry-summary h4 a { color:#2f2f2f; } .widget_ambision_tabs .widget-entry-content h4 a:hover, .widget_ambision_tabs .widget-entry-summary h4 a:hover { text-decoration: none; } .widget_ambision_tabs #widget-tab-tags { padding: 10px; line-height: 1.4; } .widget_ambision_tabs #widget-tab-tags a { display: inline-block; padding:6px 12px; font-size: 11px!important; line-height: 11px; margin: 0 0px 8px 0; background: #c7afbd; color:#ffffff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .widget_ambision_tabs #widget-tab-tags a:hover { background:#2f2f2f; color:#ffffff; } /* Widget Social Icons */ .widget_ambision_social_icons li { float: left; margin: 15px 10px 0 0; padding: 0; text-align: center; border: none; list-style:none; } .widget_ambision_social_icons li:hover { padding-left: 0px; } .widget_ambision_social_icons li a { display: block; } .widget_ambision_social_icons li a [class^="fa-"]:before { width: 35px; margin: 0; color: #ffffff; font-size: 14px; line-height: 33px; border:1px solid transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .footer-inner .widget_ambision_social_icons li a [class^="fa-"]:before { width: 30px; margin: 0; font-size: 15px; line-height: 28px; background: #ffffff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.175); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.175); box-shadow: 0 1px 2px rgba(0,0,0,.175); } .widget_ambision_social_icons li a:hover [class^="fa-"]:before { background: #2f2f2f; border:1px solid transparent; color:#FFF; opacity:.7; } /*Widget Social Icon Hover*/ [class^="fa-"]:before, [class*=" fa-"]:before { width:1em; font-family: "FontAwesome"; font-style: normal; display: inline-block; text-decoration: inherit; text-align: center; } .fa-youtube:before { content: "\f167"; } /* '' */ .fa-tags:before { content: "\f02c"; } /* '' */ .fa-chat:before { content: "\e813"; } /* '' */ .fa-chevron-left:before { content: "\f053"; } /* '' */ .fa-chevron-right:before { content: "\f054"; } /* '' */ .fa-twitter:before { content: "\f099"; } /* '' */ .fa-facebook:before { content: "\f09a"; } /* '' */ .fa-gplus:before { content: "\f0d5"; } /* '' */ .fa-pinterest:before { content: "\f0d2"; } /* '' */ .fa-tumblr:before { content: "\f173"; } /* '' */ .fa-linkedin:before { content: "\f0e1"; } /* '' */ .fa-dribbble:before { content: "\f17d"; } /* '' */ .fa-spotify:before { content: "\e80e"; } /* '' */ .fa-instagram:before { content: "\f16d"; } /* '' */ .fa-skype:before { content: "\e80d"; } /* '' */ .fa-folder-open:before { content: "\f07c"; } /* '' */ .widget_ambision_social_icons li.widget-si-twitter a [class^="fa-"]:before{ background:#00c3f8; color:#ffffff; } .widget_ambision_social_icons li.widget-si-facebook a [class^="fa-"]:before{ background:#3b5998; color:#ffffff; } .widget_ambision_social_icons li.widget-si-linkedin a [class^="fa-"]:before{ background:#0073b2; color:#ffffff; } .widget_ambision_social_icons li.widget-si-gplus a [class^="fa-"]:before{ background:#da2713; color:#ffffff; } .widget_ambision_social_icons li.widget-si-pinterest a [class^="fa-"]:before{ background:#cc2027; color:#ffffff; } .widget_ambision_social_icons li.widget-si-youtube a [class^="fa-"]:before{ background:#c8302d; color:#ffffff; } .widget_ambision_social_icons li.widget-si-vimeo a [class^="fa-"]:before{ background:#1bb6ec; color:#ffffff; } .widget_ambision_social_icons li.widget-si-flickr a [class^="fa-"]:before{ background:#d70068; color:#ffffff; } .widget_ambision_social_icons li.widget-si-dribbble a [class^="fa-"]:before{ background:#f46899; color:#ffffff; } .widget_ambision_social_icons li.widget-si-tumblr a [class^="fa-"]:before{ background:#304d6b; color:#ffffff; } .widget_ambision_social_icons li.widget-si-instagram a [class^="fa-"]:before{ background:#437198; color:#ffffff; } .widget_ambision_social_icons li.widget-si-lastfm a [class^="fa-"]:before{ background:#e31b23; color:#ffffff; } .widget_ambision_social_icons li.widget-si-soundcloud a [class^="fa-"]:before{ background:#ff6900; color:#ffffff; } /*Widget Author*/ .author-info-container { text-align: center; } .author-info-container .image { width: 150px; height: 150px; display: inline-block; clear: both; margin-bottom: 30px; overflow: hidden; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .author-info-container .image img{ -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .author-info-container h5{ font-size: 22px; margin: 0 0 10px 0; } .author-info-container p{ font-size:12px; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ .site{ } .site-content{ padding: 40px 0; } /*owl Featured Slider*/ .featured-slider .owl-carousel { position:relative; } .featured-slider .owl-theme .owl-controls { margin-top: 0px; text-align: center; } .featured-slider .owl-carousel .owl-carousel-title{ width:100%; position:absolute; bottom:0; background-color: rgba(0, 0, 0, .5); padding:10px 15px; } .featured-slider .owl-carousel .owl-carousel-post-wrapper .owl-carousel-title h4{ position:relative; margin:0 0 5px 0; font-size:14px; line-height: 20px; text-align:center; } .featured-slider .owl-carousel .owl-carousel-post-wrapper .owl-carousel-title a{ color:#ffffff; } .featured-slider .owl-carousel .owl-carousel-post-wrapper .owl-carousel-title span{ font-size:11px; display:block; line-height: 11px; text-align:center; color:#c3c3c3; } .featured-slider .owl-theme .owl-controls .owl-page span{ display: block; width: 24px; height: 6px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .owl-theme .owl-controls .owl-buttons div { background: none; filter: Alpha(Opacity=100); opacity: 1; color: #ffffff; display: inline-block; zoom: 1; margin: 5px; padding: 2px 10px; font-size: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .owl-buttons .owl-prev{ left:0; } .owl-buttons .owl-prev:before{ content:"\f053"; display:block; font-family:Fontawesome; } .owl-buttons .owl-next{ right:0; } .owl-buttons .owl-next:before{ content:"\f054"; display:block; font-family:Fontawesome; } .owl-buttons .owl-prev, .owl-buttons .owl-next { position: absolute; width: 50px; height: 50px; top: 50%; text-align: center; font-size: 20px; color: #ffffff; line-height: 50px; margin-top: -25px!important; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } /*owl gallery post*/ .post-format-gallery-featured-wrapper .owl-theme .owl-controls .owl-buttons div { background: #ffffff; filter: Alpha(Opacity=100); opacity: 1; color: #2f2f2f; display: inline-block; zoom: 1; margin: 0px; font-size: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .post-format-gallery-featured-wrapper .owl-buttons .owl-prev, .post-format-gallery-featured-wrapper .owl-buttons .owl-next { position: absolute; width: 30px; height: 80px; top: 50%; text-align: center; font-size: 20px; color: #ffffff; line-height: 80px; margin-top: -40px!important; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } .post-format-gallery-featured-wrapper .owl-theme .owl-controls { margin-top: 0px; } /*Archive, Search*/ .archive .page-header, .search .page-header{ background:#ffffff; padding:20px; margin: 0 0 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .archive .page-title, .search .page-title{ padding: 0px 0px 15px 0; text-align:center; margin: 0; color: #2f2f2f; border-bottom: none; } .archive .page-title span, .search .page-title span{ padding: 0 0px 7px 0px; background: none; border-bottom: 2px solid #c7afbd; color: #2f2f2f; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .archive .page-title span:before, .search .page-title span:before{ content: "-"; padding-right: 5px; } .archive .page-title span:after, .search .page-title span:after{ content: "-"; padding-left: 5px; } .archive .page-title:hover span, .search .page-title:hover span{ padding: 0 10px 7px 10px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .archive .page-title span span, .search .page-title span span{ padding:0; border:none; } .archive .page-title:hover span span, .search .page-title:hover span span{ padding:0; border:none; } .archive .page-title span span:before, .search .page-title span span:before{ content: ""; padding-right: 0px; } .archive .page-title span span:after, .search .page-title span span:after{ content: ""; padding-left: 0px; } /*Page*/ .page-header{ padding:45px 45px 0 45px; font-weight: 700; margin:0; border:none; } .page-title { padding: 0px 0px 15px 0; text-align:center; margin: 0 0 0px 0; color: #2f2f2f; border-bottom: 1px dashed #c9c9c9; } .page-content { padding: 45px; margin: 0; } .page-footer{ padding:0px 45px 15px 45px; } /*Post*/ .post-date-title-wraper{ margin: 0 0px 15px 0px; } .post-wrapper .post-title, .type-post .post-title{ font-weight: 700; font-size: 25px; line-height: 30px; min-height:64px; margin:0; } .post-wrapper .post-title a, .type-post .post-title a{ color:#2f2f2f; } .post-wrapper .post-title a:hover, .type-post .post-title a:hover{ color:#c7afbd; } .post-header{ position: relative; margin: 0 0 7px; } .post-header .post-entry-meta{ border-top: 1px dashed #c9c9c9; border-bottom: 1px dashed #c9c9c9; padding: 15px 0 15px 0; font-size:12px; line-height:12px; text-align:center; } .post-header .posted-on{ border-right: 1px dashed #c9c9c9; padding-right: 22px; margin-right:22px; font-size:12px; float:left; } .post-header .posted-on a .date-month{ background:#c7afbd; color:#ffffff; } .post-header .posted-on .date-month { width:60px; padding: 5px; font-size: 12px; line-height: 12px; display: block; text-align:center; } .post-header .posted-on a .year{ font-weight: 700; font-size: 15px; line-height: 24px; background:#2f2f2f; color:#ffffff; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .post-header .posted-on .year { width:60px; background: #2f2f2f; padding: 5px; display:block; text-align:center; } .post-header .post-entry-meta a{ color:#666666; line-height: 16px; } .post-header .post-entry-meta a:hover{ color:#c7afbd; } .post-header .post-entry-meta span:last-child:after{ content:""; } .post-header .byline { margin-right:10px; } .post-header .byline:before{ content:"\f007"; font-family:FontAwesome; padding-right: 3px; color:#c7afbd; } .post-header .byline:after { content: "-"; padding-left: 10px; color: #2f2f2f; } /*Blog content*/ /*Blog entry footer category links*/ .post-cat-links{ text-align:center; margin:0 0 15px 0; } .post-cat-links a{ font-size:10px; line-height:10px; background:#c7afbd; color:#ffffff; padding:5px 10px; text-transform:uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .post-cat-links a:hover{ background:#2f2f2f; color:#ffffff; } .post-cat-links a:before{ content:"-"; padding-right:3px; } .post-cat-links a:after{ content:"-"; padding-left:3px; } /*Blog entry footer tags links*/ .post-tags-links{ margin-top:25px; } .post-tags-links a{ font-size:9px; background:#c7afbd; color:#ffffff; padding:5px 10px; text-transform:uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .post-tags-links a:hover{ background:#2f2f2f; color:#ffffff; } .post-tags-links a:before{ content:"\f02b"; font-family:FontAwesome; padding-right: 5px; } /*Blog entry footer comments links*/ .post-header .comments-link{ } .post-header .comments-link:before{ content:"\f075"; font-family:FontAwesome; padding-right: 5px; color:#c7afbd; } .post-header .comments-link:after { content: "-"; padding-left: 10px; color: #2f2f2f; } /*Blog entry footer permalink links*/ .post-header .permalink{ margin-right:15px; } .post-header .permalink:before{ content:"\f0c1"; font-family:FontAwesome; padding-right: 3px; color:#c7afbd; } .post-header .permalink:after { content: "-"; padding-left: 10px; color: #2f2f2f; } /*Blog entry footer edit links*/ .post-header .edit-link{ margin-left:10px; } .post-header .edit-link:before{ content:"\f044"; font-family:FontAwesome; padding-right: 3px; color:#c7afbd; } /*Blog readmore button*/ .post-body .readmore-button{ text-align:center; } .post-body .readmore-button a{ text-align: center; color: #ffffff; background: #2f2f2f; padding: 10px 20px; font-size: 13px; line-height: 13px; text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .post-body .readmore-button a:hover{ background:#c7afbd; color: #ffffff; } .post-body .readmore-button a:before{ content:"-"; padding:0 5px 0 0; } .post-body .readmore-button a:after{ content:"-"; padding:0 0px 0 5px; } /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ /*Single Page*/ /*Single page featured page*/ .single .featured-img { margin: 0 0px 0px 0; float:none; overflow:hidden; } .single .featured-img:hover img { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } /*Single recent post*/ .single-recent-post{ background: #ffffff; padding:30px 20px; margin-bottom: 25px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03); box-shadow: 0 0 5px 2px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03); } .single-recent-post .heading{ border-bottom: 1px dashed #c9c9c9; font-size:20px; font-weight:700; padding:0 15px 15px 0; margin:0 15px 30px 15px; color:#2f2f2f; } .related-post-wrapper{ -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05),0 0 2px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05),0 0 2px 0 rgba(0,0,0,0.05); box-shadow: 0 0 5px 2px rgba(0,0,0,0.05),0 0 2px 0 rgba(0,0,0,0.05); } .single-recent-post .single-recent-post-title { width: 100%; font-size: 11px; padding: 6px 8px; margin: 0; line-height: 18px; text-align:center; background: #ffffff; border:1px solid #ededed; position:relative; } .single-recent-post .single-recent-post-title a{ color: #888888; } .single-recent-post .single-recent-post-title a:hover{ color:#c7afbd; } .single-recent-post .single-recent-post-title:after { content: '\f0d8'; font-family:Fontawesome; font-size:22px; position: absolute; left: 50%; top: -11px; margin-left:-5px; color:#fafafa; } .single-recent-post .single-recent-featured-img{ overflow:hidden; } .single-recent-post .single-recent-featured-img a img{ -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .single-recent-post .single-recent-featured-img a img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 0.5; } /**/ .sticky { } .hentry { background:#ffffff; margin: 0 0 25px 0; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .post-wrapper{ background:#ffffff; } .post-wrapper .post-header{ padding:45px 45px 0 45px; margin:0; } .post-wrapper .post-body{ padding:60px; margin:0; position:relative; } .single-post .post-wrapper .post-body{ padding:60px 60px 25px 60px; margin:0; position:relative; } .post-wrapper .post-body:before{ font-family:Fontawesome; position:absolute; width: 50px; height: 50px; font-size: 20px; background: #fff; top: -20px; left: 50%; text-align: center; line-height: 48px; margin-left: -25px; color:#c7afbd; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .format-standard .post-wrapper .post-body:before{ content:"\f08d"; top:8px; } .format-image .post-wrapper .post-body:before{ content:"\f030"; } .format-video .post-wrapper .post-body:before{ content:"\f03d"; } .format-gallery .post-wrapper .post-body:before{ content:"\f03e"; } .format-quote .post-wrapper .post-body:before{ content:"\f10d"; } .format-link .post-wrapper .post-body:before{ content:"\f0c1"; } .format-status .post-wrapper .post-body:before{ content:"\f0a1"; } /*Post sharing*/ .post-share-wrapper{ background: #FAFAFA; border-top: 1px solid #e9e9e9; padding:15px; font-size: 20px; text-align:center; } .post-share-wrapper div{ display:inline-block; position:relative; } .post-share-wrapper div:after{ content: "-"; position: absolute; top: 0; right: -7px; line-height:38px; color: #e9e9e9; } .post-share-wrapper div:last-child:after{ content: ""; } .post-share-wrapper a{ width:40px; height:40px; line-height:38px; font-size:15px; display:block; color:#2f2f2f; background: #ffffff; border: 1px solid #e9e9e9; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-animation: bounceOut 1s 1 ease; -moz-animation: bounceOut 1s 1 ease; -o-animation: bounceOut 1s 1 ease; animation: bounceOut 1s 1 ease; } .post-share-wrapper .facebook:hover a{ background:#3b5998; border: 1px solid #3b5998; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .post-share-wrapper .twitter:hover a{ background:#00c3f8; border: 1px solid #00c3f8; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .post-share-wrapper .google-plus:hover a{ background:#da2713; border: 1px solid #da2713; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .post-share-wrapper .linkdin:hover a{ background:#0073b2; border: 1px solid #0073b2; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .post-share-wrapper .pinterest:hover a{ background:#cc2027; border: 1px solid #cc2027; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .post-share-wrapper .tumblr:hover a{ background:#32506d; border: 1px solid #32506d; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .post-share-wrapper .stumbleupon:hover a{ background:#eb4924; border: 1px solid #eb4924; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Post Formats --------------------------------------------------------------*/ /*Post Format Image*/ .post-format-image-featured-wrapper{ width: 100%; overflow:hidden; position:relative; margin:45px 0 0 0; line-height:0; } .post-format-image-featured-wrapper img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .post-format-image-featured-wrapper a img{ -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } /*Post Format Video*/ .post-format-video-featured-wrapper{ line-height:0; overflow:hidden; margin:45px 0 0 0; } /*Post Format Gallery*/ .post-format-gallery-featured-wrapper{ overflow:hidden; margin:45px 0 0 0; } /*Post Format Link*/ .post-format-link-featured-wrapper{ overflow:hidden; position:relative; margin:45px 0 0 0; } .post-format-link-featured-inner-wrap { background:#c7afbd; position: relative; overflow:hidden; color:#ffffff; } .post-format-link-featured-inner-wrap img{ position:absolute; opacity:0.2; min-height: 100%; min-width: 100%; } .post-format-link-featured-inner-wrap img:hover { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; opacity: 0.2; } .post-format-link-featured-inner-wrap .link-wrapper{ position:relative; width: 100%; padding: 50px; top:0; line-height:1.5; font-size:22px; text-align: center; color:#ffffff; } .post-format-link-featured-wrapper a{ color:#ffffff; } .post-format-link-featured-wrapper a:hover{ color:#2f2f2f; } /*Post Format Status*/ .post-format-status-featured-wrapper{ margin:45px 0 0 0; overflow:hidden; text-align:center; } .post-format-status-featured-wrapper iframe{ margin:0 auto!important; } .post-format-status-featured-wrapper .status-wrap { padding: 50px 30px; } .post-format-status-featured-inner-wrap{ background-size:cover; } /*Post Format Quote*/ .post-format-quote-featured-wrapper{ position:relative; overflow:hidden; margin:45px 0 0 0; } .post-format-quote-featured-inner-wrap { position: relative; overflow:hidden; background-color: #c7afbd; line-height:1.5; } .post-format-quote-featured-inner-wrap img{ position:absolute; opacity:0.2; min-height: 100%; min-width: 100%; } .post-format-quote-featured-inner-wrap img:hover { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; opacity: 0.2; } .post-format-quote-featured-inner-wrap .quote-wrapper{ position:relative; width: 100%; padding: 50px; top:0; text-align:center; color:#ffffff; } .post-format-quote-featured-inner-wrap .quote-wrapper blockquote{ font-size:30px; margin:0 0 25px 0; border:none; background: none; color: #fff; } .post-format-quote-featured-inner-wrap .quote-wrapper span { padding: 0 15px; } .post-format-quote-featured-inner-wrap .quote-wrapper span.author{ font-size:18px; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comments-area { background: #ffffff; padding:33px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03); box-shadow: 0 0 5px 2px rgba(0,0,0,0.03),0 0 2px 0 rgba(0,0,0,0.03); } .comment-content a { word-wrap: break-word; } .bypostauthor { } .comment-notes { font-weight: 400; font-size: 12px; color: #c7c8c9; } .comment-list{ padding: 10px; list-style:none; margin: 0 0 15px 0; border-bottom: 1px dashed #c9c9c9; } .comment-list ol{ list-style:none; } .comment-list .comment-body { padding: 10px; } .comment-list .comment-meta{ margin-bottom:10px; } .comment-list .comment-author{ margin-bottom:5px; } .comment-list .comment-author img{ margin-right:10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .comment-list .comment-metadata a{ font-size: 12px; font-style:italic; color:#999999; } .comment-list .comment-content{ background: #f6f6f6; padding: 10px 20px; margin: 15px 0; border: 1px solid #eeeeee; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .comment-list .comment-body .comment-content:before { content: ""; position: absolute; top: -10px; left: 40px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eee; } .comment-list .comment-body .comment-content:after { content: ""; position: absolute; top: -8px; left: 42px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f6f6f6; } .comment-list .comment-content p{ font-size:14px; } .comment-list li.comment .reply { text-align:right; margin-bottom: 15px; } .comment-list li.comment .reply a{ background:#c7afbd; padding:5px 10px; font-size: 11px; color:#ffffff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .comment-list li.comment .reply a:hover{ background:#2f2f2f; color:#ffffff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .comment-list li.comment .reply a:before { content: "\f112"; font-family: FontAwesome; padding-right: 7px; } .comments-area label{ display:block; } .comments-area input[type=text], .comments-area input[type=email], .comments-area input[type=tel], .comments-area input[type=url]{ width:100%; padding:10px; border: 1px solid #e4e4e4; } .comments-area textarea{ width:100%; padding:10px; border: 1px solid #e4e4e4; } .comments-title{ font-size:20px; font-weight:700; margin:0; } .comments-area .form-submit input[type=submit]{ background: #c7afbd; color: #ffffff; font-size: 15px; padding: 6px 20px; outline: none; border:none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .comments-area .form-submit input[type=submit]:hover{ background: #2f2f2f; color: #ffffff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .form-allowed-tags { font-size: 12px; } /*Author Bio*/ .author-bio-wrapper { background:#ffffff; padding: 40px; color: #888888; margin-bottom: 25px; overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .author-bio-wrapper .author-bio .avatar { width:100px; height:100px; float: left; margin:0 25px 10px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .author-bio-wrapper .author-name{ font-family: 'Roboto Slab', serif; margin:0 0 5px 0; } .author-bio-wrapper .author-name span{ } .author-bio-wrapper .author-name a{ font-size: 16px; color:#c7afbd; } .author-bio-wrapper .author-name a:hover{ color:#2f2f2f; } .author-bio-wrapper .author-description{ font-size:13px; margin:0; } /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*----------------Back to top-----------------*/ #back-top { bottom: 30px; margin-bottom: 0; margin-right: 15px; position: fixed; right: 0; z-index: 100; } #back-top a { width: 45px; height: 45px; background:#c7afbd; color:#ffffff; display: block; position: relative; z-index: 0; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #back-top a:hover { background:#ffffff; color:#c7afbd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #back-top a:before { content:"\f062"; font-family:FontAwesome; font-size:15px; line-height:45px; } /*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #F4F4F4; margin-bottom: 22px; max-width: 100%; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { font-size: 12px; padding: 0.8075em 0; margin:0; } .site-main .gallery { margin-bottom: 25px; } .gallery-caption { } .site-main .gallery a img { border: none; height: auto; max-width: 90%; } .site-main .gallery dd, .site-main .gallery figcaption { margin: 0; } .site-main .gallery-columns-4 .gallery-item { } .site-main .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- FOOTER ---------------------------------------------------------------- */ #footer-area{ } /*Footer Social Wrapper*/ .footer-socialicon-wrapper{ background:#2f2f2f; padding:20px 0; font-size: 23px; text-align: center; border-top:3px solid #000000; border-bottom:3px solid #000000; } .footer-socialicon-wrapper ul{ margin:0; } .footer-socialicon-wrapper ul li{ list-style:none; display:inline-block; position:relative; } .footer-socialicon-wrapper li a{ width:55px; height:55px; line-height:50px; background: #000000; border: 2px solid #4B4B4B; color:#ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .footer-socialicon-wrapper li:after { content: "-"; position: absolute; top: 7px; right: -7px; line-height: 40px; color: #4B4B4B; } .footer-socialicon-wrapper li:last-child:after{ content:""; } .footer-socialicon-wrapper li a{ display:block; -webkit-animation: bounceOut 1s 1 ease; -moz-animation: bounceOut 1s 1 ease; -o-animation: bounceOut 1s 1 ease; animation: bounceOut 1s 1 ease; } .footer-socialicon-wrapper .facebook:hover a{ background:#3b5998; border: 2px solid #3b5998; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .twitter:hover a{ background:#00c3f8; border: 2px solid #00c3f8; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .google-plus:hover a{ background:#da2713; border: 2px solid #da2713; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .linkedin:hover a{ background:#0073b2; border: 2px solid #0073b2; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .pinterest:hover a{ background:#cc2027; border: 2px solid #cc2027; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .tumblr:hover a{ background:#32506d; border: 2px solid #32506d; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .stumbleupon:hover a{ background:#eb4924; border: 2px solid #eb4924; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .youtube:hover a{ background:#c8302d; border: 2px solid #c8302d; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .instagram:hover a{ background:#304d6b; border: 2px solid #304d6b; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } .footer-socialicon-wrapper .rss:hover a{ background:#ff9e38; border: 2px solid #ff9e38; color:#ffffff; -webkit-animation: bounceIn 1s 1 ease; -moz-animation: bounceIn 1s 1 ease; -o-animation: bounceIn 1s 1 ease; animation: bounceIn 1s 1 ease; } /*Footer Widget*/ .footer-inner a{ color:#2f2f2f; } .footer-inner a:hover{ color:#c7afbd; } .footer-inner{ font-size:14px; padding: 60px 0; color:#2f2f2f; } .footer-inner .widget { background: #ffffff; padding: 30px; margin: 0 0 25px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .footer-inner .widget-title { font-size: 13px; font-weight:700; padding-bottom:5px; text-align:center; text-transform: uppercase; margin: 0 0 30px 0; } .footer-inner .widget-title span{ padding:0 0px 7px 0px; border-bottom: 2px solid #c7afbd; color:#2f2f2f; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .footer-inner .widget-title:hover span{ padding:0 10px 7px 10px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .footer-inner .widget-title span:before{ content:"-"; padding-right:5px; } .footer-inner .widget-title span:after{ content:"-"; padding-left:5px; } .site-footer { background: #ffffff; padding: 20px 0; color: #2f2f2f; } .site-footer a { color: #c7afbd; text-decoration: none; } .site-footer a:hover { color: #2f2f2f; } .site-footer .footer-logo-wrapper{ padding-top: 20px; padding-bottom: 20px; text-align:center; } .site-footer .footer-logo-wrapper a{ display:inline-block; } .site-info { font-size: 12px; line-height:17px; text-align: center; } .site-credit { } /*-------------------------------------------------------------- 13.0 - Theme Options ---------------------------------------------------------------- */ /*-------------------------------------------------------------- Animation CSS ---------------------------------------------------------------- */ @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } /*-------------------------------------------------------------- 14.0 - Media Query ---------------------------------------------------------------- */ @media (max-width: 991px) { /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ .top-bar-social-icon li a { width: 25px; height: 25px; line-height: 23px; } .main-navigation .sf-menu li a{ font-size:10px; padding: 0px 5px; } /*-------------------------------------------------------------- Sidebar ---------------------------------------------------------------- */ #secondary{ margin-top:30px; } .widget_ambision_tabs .widget-tab-nav li{ width:32.8%; } } @media (min-width: 991px) { /*-------------------------------------------------------------- Sidebar ---------------------------------------------------------------- */ .widget_ambision_tabs .widget-tab-nav li{ width:32.8%; } } @media (max-width: 768px){ #primary { float: none!important; } /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ .header-navigation-logo-wrapper.sticky{ position:relative; } .site-branding { padding: 10px 0; text-align: center; } .top-bar-social-icon li a { width: 25px; height: 25px; line-height: 23px; } /*-------------------------------------------------------------- Navigation --------------------------------------------------------------*/ /*Page and Post Navigation*/ .post-navigation .nav-previous a:after{ padding: 11px 10px; } .post-navigation .nav-next a:after{ padding: 11px 10px; } /*-------------------------------------------------------------- Menus --------------------------------------------------------------*/ .post-wrapper .post-title, .type-post .post-title{ font-size:20px; } /*-------------------------------------------------------------- FOOTER ---------------------------------------------------------------- */ } @media only screen and (min-width: 768px){ } @media (max-width: 650px){ /*-------------------------------------------------------------- FOOTER ---------------------------------------------------------------- */ /*Footer Social Wrapper*/ .footer-socialicon-wrapper { font-size: 20px; } .footer-socialicon-wrapper ul li { margin: 10px 0; } } @media only screen and (max-width: 479px){ /*-------------------------------------------------------------- Menus --------------------------------------------------------------*/ .post-wrapper .post-title, .type-post .post-title{ font-size:22px; text-align:center; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*Post*/ .post-header .posted-on { border-right: none!important; padding-right: 22px; margin-right: 0; font-size: 12px; float: none; } .post-header .posted-on a .date-month{ margin:auto; } .post-header .posted-on a .year{ margin:auto; } /*-------------------------------------------------------------- Post Formats --------------------------------------------------------------*/ /*Post Format Link*/ .post-format-link-featured-wrapper a { word-break: break-all; } /*Sidebar*/ #secondary{ margin-top:30px; } /*-------------------------------------------------------------- Sidebar ---------------------------------------------------------------- */ .widget_ambision_tabs .widget-tab-nav li{ width:32.7%; } /*-------------------------------------------------------------- FOOTER ---------------------------------------------------------------- */ .post-body .readmore-button a{ font-size:10px; } }