/*-----------------------------------------------------------------------------------
Theme Name: Big Junior
Theme URI: http://themeforest.net/user/PixFlow
Description: Flexible and Responsive Multi-Purpose Theme by PixFlow - Update notifications available on twitter and facebook:
Follow us on twitter
- Join the Facebook Group
Author: PixFlow
Author URI: http://www.pixflow.net
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.9
Tags: white, left-sidebar, right-sidebar, flexible-width, fixed-width, custom-colors, flexible-header, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Designed & Handcrafted by PixFlow
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* X. CSS Normalize & Local Font Files
/*-----------------------------------------------------------------------------------*/
@import url(../../../wp-content/themes/BigJunior/assets/css/normalize.css);
@import url(../../../wp-content/themes/BigJunior/assets/css/icomoon.css);
@font-face {
font-family: 'FontAwesome';
src: url('../../../wp-content/themes/BigJunior/assets/fonts/fontawesome-webfont.eot?v=3.2.0');
src: url('../../../wp-content/themes/BigJunior/assets/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../../../wp-content/themes/BigJunior/assets/fonts/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('../../../wp-content/themes/BigJunior/assets/fonts/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('../../../wp-content/themes/BigJunior/assets/fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*-----------------------------------------------------------------------------------*/
/* X. Element Styles
/*-----------------------------------------------------------------------------------*/
body
{
color:#666;
font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:300;
line-height:1.54em;
}
img
{
height:auto;
max-width:100%;
/* Fix for problem with moving images on hover */
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
a img{
vertical-align: top;
}
/* Paragraph */
p{
margin: 0.85em 0;
}
/* hr */
hr{
display: block;
height:1px;
background-color: #bdbdbd;
border: 0;
margin: 30px 0;
}
/* Anchor */
a{
color:#ff4c2f;
text-decoration:none;
-webkit-transition:color .3s;
-moz-transition:color .3s;
-o-transition:color .3s;
transition:color .3s;
}
a:hover{
color:#333;
text-decoration: underline;
}
/* Block quote */
blockquote
{
background:#e63822 url(../../../wp-content/themes/BigJunior/assets/img/blockquote-start.png) no-repeat 20px 20px;
color:#FFF;
font-size:23px;
line-height:1.3em;
padding:50px 40px;
position:relative;
margin:0;
}
blockquote p
{
margin:0;
}
blockquote .end
{
background:url(../../../wp-content/themes/BigJunior/assets/img/blockquote-end.png) no-repeat;
position:absolute;
bottom:16px;
right:20px;
height:11px;
width:16px;
display: block;
}
blockquote .name
{
position:absolute;
bottom:12px;
right:50px;
font-size: 14px;
line-height: 20px;
}
/* Headings */
h1, h2, h3, h4, h5, h6{ font-weight: 400; line-height: 1.25em; margin:0 0 10px; color: #222 }
h1{ font-size: 32px; }
h2{ font-size: 24px; }
h3{ font-size: 19px; }
h4{ font-size: 17px; }
h5{ font-size: 16px; }
h6{ font-size: 14px; }
/* Text Selection */
::-moz-selection {
background: #ff4c2f; /* Firefox */
color: #FFF;
}
::selection {
background: #ff4c2f; /* Safari */
color: #FFF;
}
/* Forms */
input[type="email"]:focus,
input[type="text"]:focus,
textarea:focus { -moz-outline: 0; outline:0; }
.button,
form input[type="submit"]
{
background-color:#838383;
color:#FFF;
border:0 none;
cursor:pointer;
margin:0;
padding:0 25px;
line-height:30px;
height:30px;
font-weight: 400;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition:background-color .3s;
-moz-transition:background-color .3s;
-o-transition:background-color .3s;
transition:background-color .3s;
}
form input[type="submit"]:hover,
form input[type="submit"]:active{
background-color:#ff4c2f;
}
.button{
background-color:#ff4c2f;
display: inline-block;
height:35px;
line-height:35px;
}
.button:hover{
background-color:#838383;
text-decoration: none;
color:#FFF;
}
.button-small
{
height:32px;
line-height:32px;
padding:0 10px;
}
.button-large
{
height:43px;
line-height:43px;
padding:0 31px;
}
.button2{
border-radius:5px;
-webkit-box-shadow: 0 -3px rgba(0, 0, 0, .2) inset;;
-moz-box-shadow: 0 -3px rgba(0, 0, 0, .2) inset;;
box-shadow: 0 -3px rgba(0, 0, 0, .2) inset;;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
}
.button2:hover{
box-shadow: 0 -1px rgba(0,0,0, .2) inset;
}
.button2.button-large
{
box-shadow: 0 -4px rgba(0,0,0, .2) inset;
}
.button2.button-large:hover
{
box-shadow: 0 -2px rgba(0,0,0, .2) inset;
}
/*-----------------------------------------------------------------------------------*/
/* X. Common Classes
/*-----------------------------------------------------------------------------------*/
/* Animation */
.js-enabled .animation-appear{
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
-webkit-transition: -webkit-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
-moz-transition: -moz-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
-ms-transition: -ms-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
-o-transition: -o-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
transition: transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
}
.js-enabled .animation-appear.start-animation{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* Colors */
.color-accent-background
{
background-color:#ff4c2f;
}
.color-accent-foreground
{
color:#ff4c2f;
}
.color-alt-main-background
{
background-color: #ededed;
}
/*Used to pad content container*/
.container-vspace{
padding-bottom:50px;
padding-top:50px
}
/* Responsive video container */
.video-frame
{
height:0;
margin-bottom:20px;
overflow:hidden;
padding-bottom:50%;
position:relative
}
.video-frame iframe
{
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.js-enabled .video-frame
{
height:auto;
overflow:visible;
padding-bottom:0;
position:static;
}
.js-enabled .video-frame iframe
{
height:auto;
position:static;
width:auto;
left:auto;
top:auto;
}
/* Float */
.float-right{
float:right !important;
}
/* Visibility */
.visible-phone
{
display:none!important
}
.visible-tablet
{
display:none!important
}
.hidden-desktop
{
display:none!important
}
.hidden
{
display:none
}
.notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
/* FlexSlider */
.flexslider ul{
list-style: none;
padding: 0;
margin: 0;
}
/* WP Classes */
.alignleft {
float: left;
margin-right: 10px;
}
.alignright {
float: right;
margin-left: 10px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: table;
clear: both;
}
.wp-caption { }
.wp-caption-text{}
.sticky {}
.gallery-caption { margin-left: 0; }
.bypostauthor{}
/*-----------------------------------------------------------------------------------*/
/* X. Forms & contact form 7 style
/*-----------------------------------------------------------------------------------*/
.wpcf7-form-control-wrap,
.input-text,
.input-textarea{
background-color: #f7f7f7;
-webkit-box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"],
.input-text input[type="text"]{
background-color:transparent;
border:0;
color:#a8a8a8;
height:38px;
line-height:38px;
padding:0 1%;
width:98%
}
.wpcf7-form-control-wrap textarea,
.input-textarea textarea{
background-color:transparent;
border:0;
padding:10px 1%;
color:#a8a8a8;
width:98%;
max-width: 98%;
min-width: 98%;
}
/* CF7 Style */
.wpcf7-form-control-wrap{
display: block;
}
span.wpcf7-not-valid-tip-no-ajax{
position: absolute;
top:50%;
right:1%;
color: #ff4c2f;
width:13px;
height:20px;
display: block;
overflow: hidden;
margin-top:-10px;
}
.wpcf7-not-valid-tip-no-ajax:before{
font-family: 'icomoon';
content:"\e0c5";
}
div.wpcf7-validation-errors{
color: #ff4c2f;
border: none;
font-size: 14px;
font-weight: 400;
}
div.wpcf7-response-output{
margin:0;
padding:10px 0;
}
/*-----------------------------------------------------------------------------------*/
/* X. Search Form
/*-----------------------------------------------------------------------------------*/
.search-form{
max-width:300px
}
.search-form fieldset{
border:0;
margin:0;
padding: 0;
}
.search-form form{
background-color: #f7f7f7;
padding: 10px 52px 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, .1);
box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, .1);
position: relative;
}
.search-form input[type="text"]{
width:100%;
min-width: 150px;
background: none;
border:0;
color:#838383;
font-weight: 400;
}
.search-form input[type="submit"]{
position: absolute;
right:0;
top:0;
width:42px;
padding:0;
height:100%;
background:#ff4c2f url(../../../wp-content/themes/BigJunior/assets/img/search.png) no-repeat center center;
background-size: 18px 18px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.search-form input[type="submit"]:hover{
background-color: #b3b3b3;
}
.search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
color: #b3b3b3;
}
.search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #b3b3b3;
opacity: 1;
}
.search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #b3b3b3;
opacity: 1;
}
.search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #b3b3b3;
}
/*-----------------------------------------------------------------------------------*/
/* X. Layout Elements & mobile navigation
/*-----------------------------------------------------------------------------------*/
/*Detected by JS*/
.px-translate3d .pushed-left .layout{
-webkit-transform: translate3d(-260px, 0, 0);
-moz-transform: translate3d(-260px, 0, 0);
-ms-transform: translate3d(-260px, 0, 0);
-o-transform: translate3d(-260px, 0, 0);
transform: translate3d(-260px, 0, 0);
left:0;
}
.pushed-left .layout{
left:-260px;
}
.layout{
width:100%;
position:absolute;
left:0;
top:0;
overflow: hidden;
background-color: #FFF;
z-index: 2;
-webkit-transition: -webkit-transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: -moz-transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: -o-transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: -ms-transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: transform .33s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
/* Navigation Button inside header */
header .navigation-button{
display: block;
width: 32px;
height:32px;
color: #707070;
text-align: center;
text-decoration: none;
position: relative;
top:50%;
margin-top: -15px;
float:right;
}
header .navigation-button:hover{
color: #ff4c2f;
}
header .navigation-button span{
line-height: 32px;
font-size: 32px;
}
/* Mobile Navigation */
.navigation-mobile{
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 180px;
padding: 0 40px;
background-color: #0c0c0c;
overflow: hidden;
display: none;
z-index: -1;
}
.navigation-mobile ul{
list-style: none;
margin:0;
}
.navigation-mobile li{
font-size: 14px;
font-weight: 400;
line-height: 1.9em;
}
.navigation-mobile ul ul{
padding-left: 15px;
}
.navigation-mobile > ul{
padding:0;
margin-top: 60px;
}
.navigation-mobile a{
color: #666;
text-decoration: none;
}
.navigation-mobile a:hover{
color: #FFF;
}
.navigation-close{
cursor: pointer;
position: absolute;
right:40px;
top:30px;
font-size: 15px;
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.navigation-close:hover{
color: #FFF;
}
/*-----------------------------------------------------------------------------------*/
/* X. Grid
/*-----------------------------------------------------------------------------------*/
[class*="span"]
{
float:left;
margin-left:20px
}
.clearfix
{
zoom:1
}
.clearfix:before,.clearfix:after
{
content:"";
display:table
}
.clearfix:after
{
clear:both
}
.row:before,.row:after
{
content:"";
display:table
}
.row:after
{
clear:both
}
.container
{
margin-left:auto;
margin-right:auto;
width:940px;
zoom:1
}
.container:before,.container:after
{
content:"";
display:table
}
.container:after
{
clear:both
}
.relative
{
position:relative
}
.container
{
width: 940px;
}
[class*="span"] {
margin-left: 2.12766%;
}
[class*="span"]:first-child {
margin-left: 0;
}
.span1 {
width: 6.38298%;
}
.span2 {
width: 14.89362%;
}
.span3 {
width: 23.40426%;
}
.span4 {
width: 31.91489%;
}
.span5 {
width: 40.42553%;
}
.span6 {
width: 48.93617%;
}
.span7 {
width: 57.44681%;
}
.span8 {
width: 65.95745%;
}
.span9 {
width: 74.46809%;
}
.span10 {
width: 82.97872%;
}
.span11 {
width: 91.48936%;
}
.span12 {
width: 100%;
}
.offset1 {
margin-left: 10.6383%;
}
.offset1:first-child {
margin-left: 8.51064%;
}
.offset2 {
margin-left: 19.14894%;
}
.offset2:first-child {
margin-left: 17.02128%;
}
.offset3 {
margin-left: 27.65957%;
}
.offset3:first-child {
margin-left: 25.53191%;
}
.offset4 {
margin-left: 36.17021%;
}
.offset4:first-child {
margin-left: 34.04255%;
}
.offset5 {
margin-left: 44.68085%;
}
.offset5:first-child {
margin-left: 42.55319%;
}
.offset6 {
margin-left: 53.19149%;
}
.offset6:first-child {
margin-left: 51.06383%;
}
.offset7 {
margin-left: 61.70213%;
}
.offset7:first-child {
margin-left: 59.57447%;
}
.offset8 {
margin-left: 70.21277%;
}
.offset8:first-child {
margin-left: 68.08511%;
}
.offset9 {
margin-left: 78.7234%;
}
.offset9:first-child {
margin-left: 76.59574%;
}
.offset10 {
margin-left: 87.23404%;
}
.offset10:first-child {
margin-left: 85.10638%;
}
.offset11 {
margin-left: 95.74468%;
}
.offset11:first-child {
margin-left: 93.61702%;
}
.offset12 {
margin-left: 104.25532%;
}
.offset12:first-child {
margin-left: 102.12766%;
}
/*-----------------------------------------------------------------------------------*/
/* X. Header
/*-----------------------------------------------------------------------------------*/
.header-default{
background-color:#FFF;
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
-webkit-transform: translateZ(0);/*Webkit rendering problem fix*/
}
.header-default > .container,
header .logo img
{
-webkit-transition:height 0.3s, max-height 0.3s;
-moz-transition:height 0.3s, max-height 0.3s;
-o-transition:height 0.3s, max-height 0.3s;
transition:height 0.3s, max-height 0.3s;
}
header .logo
{
float:left;
}
header .logo a{
height: 100%;
display: block;
}
header .logo img
{
max-height: 100%;
width: auto;
display: block;
}
/* Navigation */
header .navigation
{
float:right;
font-weight: 400;
}
header .navigation > ul > li > a,
.header-default > .container
{
height: 70px;
}
header .navigation ul{
margin:0;
padding:0;
}
header .navigation li
{
display:inline;
float:left;
position:relative
}
header .navigation li a
{
color:#666;
display:block;
padding:5px 20px;
text-decoration:none
}
header .navigation li:hover a
{
float:left
}
header .navigation > ul > li{
font-size:16px;
}
header .navigation > ul > li > .background{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background-color: #333;
z-index: 0;
opacity: 0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition:opacity 0.3s;
-moz-transition:opacity 0.3s;
-o-transition:opacity 0.3s;
transition:opacity 0.3s;
}
header .navigation > ul > li.current-menu-item > .background,
header .navigation > ul > li.current-menu-ancestor > .background{
background-color: #ff4c2f;
}
header .navigation > ul > li.current-menu-item > .background,
header .navigation > ul > li.current-menu-ancestor > .background,
header .navigation > ul > li:hover > .background{
opacity:1;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
header .navigation > ul > li > a{
position: relative;
z-index: 10;
padding-top: 0;
padding-bottom: 0;
line-height: 70px;
-webkit-transition:color 0.3s, height 0.3s, line-height 0.3s;
-moz-transition:color 0.3s, height 0.3s, line-height 0.3s;
-o-transition:color 0.3s, height 0.3s, line-height 0.3s;
transition:color 0.3s, height 0.3s, line-height 0.3s;
}
header .navigation > ul > li.current-menu-item > a,
header .navigation > ul > li.current-menu-ancestor > a,
header .navigation > ul > li:hover > a{
color:#FFF;
}
header .navigation li ul
{
font-size: 13px;
display:none;
left:0;
top: 100%;
position:absolute;
z-index:100
}
header .navigation li:hover > ul{
display:block
}
header .navigation li li
{
background-color:#333;
display:block;
float:none;
height:46px;
margin:0;
min-width:210px
}
header .navigation li.menu-item-parent
{
background:#333 url(../../../wp-content/themes/BigJunior/assets/img/navigation-arrow.png) 95% center no-repeat;
background-size: 6px 11px;
}
header .navigation li li:hover{
background-color: #ff4c2f;
}
header .navigation li li a
{
background:none!important;
color:#FFF!important;
float:none!important;
line-height:46px;
margin:0;
padding:0 3.6842% 0 7.3684%;
width:88.9474%
}
header .navigation li li ul
{
left:auto;
padding-top:0;
right:-100%;
top:0;
}
header .sf-sub-indicator
{
display:none
}
/* Search item */
header #menu-item-search{
font-size: 19px;
}
header #menu-item-search a{
padding:0;
color:#8c8c8c;
}
header #menu-item-search span{
padding: 2px 0 2px 17px;
border-left: 1px solid #c0c0c0;
}
header #menu-item-search:hover a{
color:#666;
}
header #menu-item-search .search-template{
visibility: hidden;
opacity: 0;
background-color: #FFF;
position: absolute;
right:0;
top:90%;
padding: 10px;
border:1px solid #E7E7E7;
margin-top:-20px;
z-index: 100;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: opacity .3s, margin-top .3s;
-moz-transition: opacity .3s, margin-top .3s;
-ms-transition: opacity .3s, margin-top .3s;
-o-transition: opacity .3s, margin-top .3s;
transition: opacity .3s, margin-top .3s;
}
header #menu-item-search .search-template.visible{
visibility: visible;
opacity: 1;
margin-top:0;
}
header #menu-item-search form{
padding: 5px 42px 5px 10px;
font-size: 13px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
header #menu-item-search input[type="submit"]{
width:35px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
header #menu-item-search input[type="text"]{
width:200px;
}
/* Page title */
#page-title{
padding:14px 0;
background-color:#f2f2f2;
}
#page-title .title{
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
line-height: 20px;
margin: 0;
color:#808080;
float:left
}
#page-title .breadcrumbs{
float:right;
line-height: 20px;
font-size: 12px;
}
#page-title .breadcrumbs a{
color:#666;
text-decoration: none;
}
#page-title .breadcrumbs .page,
#page-title .breadcrumbs .separator{
padding: 0 3px;
}
/*-----------------------------------------------------------------------------------*/
/* X. Widgets
/*-----------------------------------------------------------------------------------*/
.widget-area{
color:#949494;
}
.widget-area .widget-title{
color:#737373;
font-size:16px;
margin-bottom:0;
}
.widget-area hr{
background-color: #737373;
margin:10px 0 31px;
}
.widget-area .widget{
margin-bottom:60px
}
.widget-area .widget:last-child{
margin-bottom:0
}
.widget-area a{
font-size:14px;
font-weight:400;
color:#949494;
text-decoration: none;
}
.widget-area a:hover{
color:#dc6555;
}
/* Search */
.widget-area .search-form form{
background-color: #ccc;
padding: 3px 42px 3px 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow:none;
box-shadow:none;
}
.widget-area .search-form input[type="text"]{
color:#FFF;
}
.widget-area .search-form input[type="submit"]{
width:32px;
background-color:#b3b3b3;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.widget-area .search-form input[type="submit"]:hover{
background-color: #DC6555;
}
.widget-area .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
color: #f2f2f2;
}
.widget-area .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f2f2f2;
}
.widget-area .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f2f2f2;
}
.widget-area .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f2f2f2;
}
/* Lists */
.widget-area ul{
padding:0;
margin:0;
list-style: none;
}
.widget-area li{
padding: 10px 0;
border-bottom: 1px solid #eaeaea;
}
.widget-area li:first-child{
padding-top: 0;
}
.widget-area li:last-child{
margin-bottom: 0;
}
.widget-area li a{
display: block;
}
/* Tag Cloud */
.tagcloud{
margin-left: -4px;
}
.tagcloud a{
padding: 3px 5px;
border:1px solid #e6e6e6;
font-size: 13px !important;
color:#aeaeae;
text-decoration:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-left: 4px;
margin-bottom: 4px;
display: inline-block;
-webkit-transition: color 0.3s, background-color 0.3s;
-moz-transition: color 0.3s, background-color 0.3s;
-ms-transition: color 0.3s, background-color 0.3s;
-o-transition: color 0.3s, background-color 0.3s;
transition: color 0.3s, background-color 0.3s;
}
.tagcloud a:hover{
background-color: #f2f2f2;
color:#DC6555;
}
.widget-area .tagcloud a,
.widget-area .tagcloud{
margin-left: 0;
}
/* Recent entries */
.widget_recent_entries a{
font-size: 13px;
}
.widget_recent_entries .post-date{
font-size: 12px;
}
/* Flickr Badge */
.flickr-container{
margin-left: -7px;
}
.flickr-container:after
{
clear:both;
content:"";
display:table
}
.flickr-container .flickr_badge_image{
float:left;
margin-left: 7px;
margin-bottom: 7px;
}
.flickr-container .flickr_badge_image a{
display: block;
padding:5px;
border:1px solid #ccc;
}
.flickr-container .flickr_badge_image img{
vertical-align: top;
width:50px;
}
/* Recent Tweets */
.widget_bj_twitter .twitter-recent-list{
margin:0;
}
.widget_bj_twitter li a{
display: inline;
font-style: normal;
}
.widget_bj_twitter li{
padding:0;
border-bottom: none;
margin-bottom: 30px;
font-style: italic;
font-weight: 400;
}
.widget_bj_twitter .link{
color:#939393;
font-size:13px;
font-style: italic;
}
.widget_bj_twitter hr.hr-twitter{
background-color: #eaeaea;
width:25%;
margin:10px 0;
}
/* Recent Portfolio & blog */
.widget_bj_recent_posts .item,
.widget_bj_recent_portfolio .item{
margin-bottom: 10px;
}
.widget_bj_recent_posts .item-image,
.widget_bj_recent_portfolio .item-image{
display: block;
float:left;
margin-right:10px;
width:75px;
height:63px;
background-color: #4d4d4d;
}
.widget_bj_recent_posts .item-title,
.widget_bj_recent_portfolio .item-title{
font-size: 13px;
display: block;
}
.widget_bj_recent_posts .item-date,
.widget_bj_recent_portfolio .item-date{
font-weight: 300;
font-size: 12px;
}
/* Progress */
.sidebar .widget_bj_progress .progress{
width:80%
}
.widget_bj_progress .progressbar:last-child{
margin-bottom: 0;
}
/* Testimonials */
.widget_bj_testimonials .testimonials-container{
position: relative;
}
.widget_bj_testimonials .testimonials-controls{
position: absolute;
right:5px;
top:0;
z-index: 10;
}
.widget_bj_testimonials .testimonials-controls:after{
content: "";
display: table;
clear:both;
}
.widget_bj_testimonials .name{
font-size:15px;
font-weight: 400;
font-style: italic;
color: #dc6555;
margin-bottom:40px;
padding-right:60px;
-moz-transition:opacity .2s;
-o-transition:opacity .2s;
-webkit-transition:opacity .2s;
transition:opacity .2s;
}
.widget_bj_testimonials blockquote{
padding: 0;
background: none;
font-size: 13px;
font-style: italic;
font-weight: 400;
line-height: 1.6923em;
color:#949494;
}
.widget_bj_testimonials blockquote .begin{
display: inline-block;
position: relative;
background: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-start-dark.png") no-repeat;
background-size: 16px 11px;
width: 16px;
height:11px;
margin-right: 10px;
}
.widget_bj_testimonials blockquote .end{
display: inline-block;
position: relative;
right:auto;
bottom: auto;
margin-left: 10px;
top:2px;
background-image: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-end-dark.png");
background-size: 16px 11px;
}
.widget_bj_testimonials ul{
overflow: hidden;
position: relative;
}
.widget_bj_testimonials li{
border:none !important;
padding:0;
display: none;
}
.widget_bj_testimonials li:first-child{
display: block;
}
.widget_bj_testimonials .separator,
.widget_bj_testimonials .next,
.widget_bj_testimonials .previous{
display: block;
text-indent: -1000px;
float:left;
overflow: hidden;
}
.widget_bj_testimonials .next,
.widget_bj_testimonials .previous{
display: block;
width:7px;
height:13px;
background: url(../../../wp-content/themes/BigJunior/assets/img/testimonial-controls.png) no-repeat;
background-size: 14px 13px;
text-indent: -1000px;
float:left;
}
.widget_bj_testimonials .next:focus ,
.widget_bj_testimonials .previous:focus {
outline: none;
}
.widget_bj_testimonials .next{
background-position: -7px 0;
}
.widget_bj_testimonials .separator{
margin:0 5px;
height:13px;
width:1px;
background-color: #b9b9b9;
}
/*-----------------------------------------------------------------------------------*/
/* X. Footer
/*-----------------------------------------------------------------------------------*/
footer a
{
color:#404040;
}
footer a:hover
{
color:#808080;
text-decoration: none;
}
.footer-widgets{
background-color: #333;
}
#footer-bottom
{
color:#FFF;
background-color:#292929;
padding:20px 0
}
#footer-bottom a{
color: #b3b3b3;
text-decoration: none;
}
#footer-bottom a:hover
{
color:#FFF;
}
#footer-bottom p{
margin:0
}
#footer-bottom .logo{
float:left;
margin-right: 50px;
}
#footer-bottom .copyright
{
line-height:1em;
font-size: 12px;
font-weight: 400;
float:left;
padding-top: 7px;
}
footer .social-icons
{
float:right;
margin:0 0 0 -5px;
padding:0;
}
footer .social-icons li{
float:left;
display: block;
margin-left:10px;
width:25px;
height:25px;
}
footer .social-icons a{
display: block;
text-align: center;
}
footer .social-icons span{
color:#FFF;
font-size: 19px;
line-height: 25px;
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
footer .social-icons span:hover
{
color: #dc6555;
}
/* Widgets */
footer .widget-area
{
color:#d5d5d5;
padding:35px 0;
position:relative
}
footer .widget-area .widget-title{
color:#d5d5d5;
}
footer .widget-area hr{
background-color: #5b5b5c;
margin-bottom: 40px;
}
footer .widget-area a{
color:#d5d5d5;
}
/* Lists */
footer .widget-area li{
border-bottom: 1px solid #4b4b4b;
}
/* Widget Specific styles */
footer .widget_tag_cloud a
{
border:1px solid #59595a;
color:#999;
}
footer .widget_tag_cloud a:hover{
background-color: #474747;
}
/* Flickr badges*/
footer .flickr-container .flickr_badge_image a{
border:1px solid #4b4b4b;
}
/* Recent Tweets */
footer .widget_bj_twitter li{
border-bottom: none;
}
footer .widget_bj_twitter li a{
display: inline;
}
footer .widget_bj_twitter .link{
color:#939393;
}
footer .widget_bj_twitter hr.hr-twitter{
background-color: #4b4b4b;
}
/* Progress bar */
footer .widget_bj_progress .progress{
background-color: #5d5d5e;
}
/* Search */
footer .widget-area .search-form form{
background-color: #4d4d4d;
}
footer .widget-area .search-form input[type="text"]{
color:#dadada;
}
footer .widget-area .search-form input[type="submit"]{
background-color: #838383;
}
footer .widget-area .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
color:#dadada;
}
footer .widget-area .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#dadada;
}
footer .widget-area .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#dadada;
}
footer .widget-area .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#dadada;
}
/* Testimonials */
footer .widget_bj_testimonials blockquote{
color:#d5d5d5;
}
footer .widget_bj_testimonials blockquote .begin{
background-image: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-start.png");
}
footer .widget_bj_testimonials blockquote .end{
background-image: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-end.png");
}
footer .widget_bj_testimonials .separator{
background-color: #646464;
}
/* Custom Menu */
footer .widget_nav_menu .sub-menu{
margin: 8px 0 0 10px;
}
footer .widget_nav_menu a{
display: block;
padding: 3px 0;
/* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-transition:all 200ms;
-o-transition:all 200ms ;
-webkit-transition:all 200ms;
transition:all 200ms;*/
}
footer .widget_nav_menu a:hover{
/* background-color: #b3b3b3;
padding-left: 10px; */
}
/* CF7 */
.footer-widgets .wpcf7 p{
margin: 0;
}
.footer-widgets .wpcf7 br{
display: none;
}
.footer-widgets .wpcf7-form-control-wrap{
padding-bottom: 3px;
margin-bottom: 3px;
background-color:transparent;
border-bottom: 2px solid #919191;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.footer-widgets .wpcf7-form-control-wrap input[type="text"],
.footer-widgets .wpcf7-form-control-wrap input[type="email"]{
height: 26px;
line-height: 26px;
}
.footer-widgets .wpcf7 input[type="submit"]{
margin-top:7px;
background-color: #d9d9d9;
color: #151515;
}
.footer-widgets .wpcf7 input[type="submit"]:hover{
background-color: #f96e5b;
color:#FFF;
}
/*-----------------------------------------------------------------------------------*/
/* X. Shortcodes
/*-----------------------------------------------------------------------------------*/
/***** Icon Box *****/
.iconbox.iconbox-left:after{
content: '';
display: table;
clear:both;
}
.iconbox.iconbox-circle,
.iconbox.iconbox-hex,
.iconbox.iconbox-top{
text-align: center;
}
.iconbox .icon{
-webkit-transition: -webkit-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s, background-color .3s;
-moz-transition: -moz-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s, background-color .3s;
-ms-transition: -ms-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s, background-color .3s;
-o-transition: -o-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s, background-color .3s;
transition: transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s, background-color .3s;
}
.js-enabled .iconbox.animate .icon{
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
}
.js-enabled .iconbox.animate.start-animation .icon {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.iconbox.iconbox-top .icon{
padding-bottom: 20px;
text-align: center;
}
.iconbox.iconbox-left .icon{
width: 50px;
float: left;
}
.iconbox.iconbox-circle .icon,
.iconbox.iconbox-hex .icon{
margin-bottom:50px;
display: inline-block;
position: relative;
background-color: #eee;
z-index: 0;
}
.iconbox.iconbox-hex .icon
{
width: 103px;
height:94px;
}
.iconbox.iconbox-circle:hover .icon,
.iconbox.iconbox-hex:hover .icon{
background-color: #e63822;
}
.iconbox.iconbox-circle .icon{
width: 93px;
height:93px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.iconbox .shape{
position: absolute;
top:0;
left: 0;
z-index: 0;
}
.iconbox .glyph{
color: #e76042;
font-size: 33px;
-moz-transition:color .3s;
-o-transition:color .3s;
-webkit-transition:color .3s;
transition:color .3s;
}
.iconbox.iconbox-circle .glyph,
.iconbox.iconbox-hex .glyph{
display: block;
line-height: 93px;
color:#333;
}
.iconbox.iconbox-circle:hover .glyph,
.iconbox.iconbox-hex:hover .glyph{
color:#FFF;
}
.iconbox .title{
font-size: 19px;
text-transform: uppercase;
}
.iconbox.iconbox-top .title,
.iconbox.iconbox-left .title{
font-size: 16px;
font-weight: 700;
color: #6b6b6b;
}
.iconbox.iconbox-left .content-wrap{
float:left;
width:85%;
}
.iconbox.iconbox-left .more-link{
text-align: right;
}
.iconbox .more-link a{
color:inherit;
text-decoration: none;
}
.iconbox .more-link a:hover{
color: #e76042;
}
.iconbox .more-link span{
font-size: 10px;
position: relative;
top:1px;
left:2px;
}
/* Special Case */
.iconbox-circle.no-content .icon,
.iconbox-hex.no-content .icon{
margin-bottom: 0;
}
/***** Horizontal separator with title *****/
.hr-title,
.hr-title-center{
display:table;
width:100%;
margin:40px 0 30px;
}
.hr-title > div,
.hr-title-center > div{
display:table-cell;
}
.hr-title > div:last-child,
.hr-title > div:first-child,
.hr-title-center > div:last-child,
.hr-title-center > div:first-child{
border-top:1px solid #bdbdbd;
}
.hr-title .title,
.hr-title-center .title{
white-space:nowrap;
}
.hr-title h3,
.hr-title-center h3{
display:block;
margin:-10px 0 0;
font-size:18px;
line-height:20px;
padding:0 10px;
font-weight: 400;
color:#474747;
}
/* Default */
.hr-title > div:first-child{
width:5%;
}
.hr-title > div:last-child{
width:95%;
}
/* Center */
.hr-title-center > div:last-child,
.hr-title-center > div:first-child{
width:50%;
}
/***** Horizontal separator *****/
.hr-center{
margin-left: auto;
margin-right: auto;
width: 75%;
}
.hr-medium{
width:35%;
}
.hr-small{
width:17%;
}
.hr-margin-medium{
margin-top:17px;
margin-bottom:17px;
}
.hr-margin-small{
margin-top:10px;
margin-bottom:10px;
}
/***** Portfolio List *****/
.portfolio-list .item
{
float:left;
position: relative;
display: block;
}
.portfolio-list .item-image
{
position: relative;
}
.portfolio-list .item-image img{
vertical-align: top;
-moz-transition:-moz-transform 1s, opacity .3s;
-o-transition:-o-transform 1s, opacity .3s;
-webkit-transition:-webkit-transform 1s, opacity .3s;
transition:transform 1s, opacity .3s;
}
.js-enabled .portfolio-list .item-image img
{
opacity: 0;
}
.portfolio-list .item-image img.start-animation{
opacity: 1;
}
.portfolio-list .item-meta a
{
text-decoration: none;
color: #555;
}
.portfolio-list .item-image-overlay
{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
opacity: 0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-transition:opacity .3s;
-o-transition:opacity .3s;
-webkit-transition:opacity .3s;
transition:opacity .3s;
}
.portfolio-list .item-wrap:hover .item-image-overlay
{
opacity: 1;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/* Style 1 */
.portfolio-style1 .item
{
margin-bottom:4px;
}
.portfolio-style1 [class*="col"]
{
margin-left: -3px;
}
.portfolio-style1 [class*="col"] > .item
{
margin-left: 3px;
}
.portfolio-style1 .col4 > .item
{
width: 24%;
}
.portfolio-style1 .col3 > .item
{
width: 33%;
}
.portfolio-style1 .col2 > .item
{
width: 49%;
}
.portfolio-style1 .item-meta{
padding:10px 15px;
background-color: #FFF;
border:1px solid #e8e8e8;
height:45px;
overflow:hidden;
-webkit-transition: background-color .3s, border-color .3s;
-moz-transition: background-color .3s, border-color .3s;
-ms-transition: background-color .3s, border-color .3s;
-o-transition: background-color .3s, border-color .3s;
transition: background-color .3s, border-color .3s;
}
.portfolio-style1 .item-title{
text-transform: uppercase;
margin:0 0 3px;
font-size: 16px;
font-weight: 400;
}
.portfolio-style1 .item-title a,
.portfolio-style1 .item-wrap:hover .item-category{
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.portfolio-style1 .item-category{
font-weight: 300;
color:#939393;
font-size: 13px;
}
.portfolio-style1 .item-image-overlay
{
background-color: #ff4c2f;
background-color: rgba(255, 76, 47, .7);
}
.portfolio-style1 .item-wrap:hover .item-category{
color: #f2f2f2;
}
.portfolio-style1 .item-wrap:hover .item-title a{
color: #FFF;
}
.portfolio-style1 .item-wrap:hover .item-meta
{
border:1px solid #ff4c2f;
background-color: #ff4c2f;
}
.portfolio-style1 .item-image-link
{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
display: block;
}
/* Element Query */
.portfolio-style1[data-maxwidth="730"] .col4 > .item
{
width: 32.8%;
}
.portfolio-style1[data-maxwidth="630"] .col4 > .item
{
width: 46%;
}
.portfolio-style1[data-maxwidth="480"] .col4 > .item
{
width: 290px;
}
.portfolio-style1[data-maxwidth="730"] .col3 > .item
{
/* Adjust a bit for lower container space */
width: 32%;
}
.portfolio-style1[data-maxwidth="630"] .col3 > .item
{
width: 46%;
}
.portfolio-style1[data-maxwidth="480"] .col3 > .item
{
width: 380px;
}
.portfolio-style1[data-maxwidth="480"] .col2 > .item
{
width: 98%;
}
/* Style 2 */
.portfolio-style2 .item
{
margin-bottom:10px;
}
.portfolio-style2 [class*="col"]
{
margin-left: -10px;
}
.portfolio-style2 [class*="col"] > .item
{
margin-left: 10px;
}
.portfolio-style2 .col4 > .item
{
width: 23.9%;
}
.portfolio-style2 .col3 > .item
{
width: 32.2%;
}
.portfolio-style2 .col2 > .item
{
width: 48.5%;
}
.portfolio-style2 .item-image
{
border: 5px solid #e5e5e5;
overflow: hidden;
}
.portfolio-style2 .item-image img{
/* Scale */
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
.portfolio-style2 .item-wrap:hover .item-image img
{
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
}
.portfolio-style2 .item-image-overlay
{
background-color: #FFF;
background-color: rgba(255, 255, 255, .6);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
transform:scale(1.05);
}
.portfolio-style2 .item-wrap
{
background-color: #e5e5e5;
-moz-transition:-moz-transform .2s;
-o-transition:-o-transform .2s;
-webkit-transition:-webkit-transform .2s;
transition:transform .2s;
}
.portfolio-style2 .item-wrap:hover
{
-moz-transform:scale(0.95);
-o-transform:scale(0.95);
-ms-transform:scale(0.95);
-webkit-transform:scale(0.95);
transform:scale(0.95);
}
.portfolio-style2 .item-title{
text-transform: uppercase;
margin:0;
font-size: 14px;
font-weight: 700;
}
.portfolio-style2 hr{
margin-top: 8px;
margin-bottom: 8px;
width:85%;
}
.portfolio-style2 .item-meta{
padding:20px 10px;
text-align: center;
}
.portfolio-style2 .item-meta a
{
text-decoration: none;
color: #555;
}
.portfolio-style2 .item-icon
{
position:absolute;
width: 40px;
height: 40px;
line-height: 40px;
background: url(../../../wp-content/themes/BigJunior/assets/img/black50.png);
text-decoration: none;
color: #FFF;
text-align: center;
margin-top: -20px;
opacity:0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
font-size: 17px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-transition:top 1s, opacity 1s, background-color .3s;
-o-transition:top 1s, opacity 1s, background-color .3s;
-webkit-transition:top 1s, opacity 1s, background-color .3s;
transition:top 1s, opacity 1s, background-color .3s;
}
.portfolio-style2 .item-icon:hover
{
background: #ff4c2f;
}
.portfolio-style2 .item-icon span:before
{
cursor: pointer;
}
.portfolio-style2 .item-view-project-icon
{
left:51%;
top:45%;
}
.portfolio-style2 .item-view-image-icon
{
left:50%;
top:43%;
margin-left: -40px;
}
.portfolio-style2 .item-wrap:hover .item-icon
{
top:50%;
opacity:1;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.portfolio-style2 .item-category{
font-weight: 600;
color:#979797;
font-size: 14px;
}
/* Element Query */
.portfolio-style2[data-maxwidth="630"] .col4 > .item,
.portfolio-style2[data-maxwidth="730"] .col4 > .item
{
width: 38.2%;
}
.portfolio-style2[data-maxwidth="480"] .col4 > .item
{
width: 290px;
}
.portfolio-style2[data-maxwidth="630"] .col3 > .item,
.portfolio-style2[data-maxwidth="730"] .col3 > .item
{
width: 31.2%;
}
.portfolio-style2[data-maxwidth="480"] .col3 > .item
{
width: 384px;
}
.portfolio-style2[data-maxwidth="630"] .col2 > .item
{
width: 47.5%;
}
.portfolio-style2[data-maxwidth="480"] .col2 > .item
{
width: 98%;
}
/* Filter */
.portfolio-list .filter
{
margin-bottom: 30px;
font-weight: 400;
color:#999;
}
.portfolio-list .filter ul
{
padding:0;
}
.portfolio-list .filter li
{
display: inline;
padding-right: 20px;
}
.portfolio-list .filter a{
text-decoration: none;
color:#999;
}
.portfolio-list .filter a:hover
{
color:#666;
}
.portfolio-list .filter a:focus {
outline: none;
}
.portfolio-list .filter a.current
{
color: #ff4c2f;
padding-bottom: 5px;
border-bottom: 2px solid #ff4c2f;
}
/* Element Query */
.portfolio-list[data-maxwidth="480"] .filter li
{
display: block;
padding: 0 0 10px;
}
/* Image Popup */
.portfolio-list-mfp .mfp-figure
{
opacity: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: translateX(-20px) perspective(600px) rotateY(20deg);
-moz-transform: translateX(-20px) perspective(600px) rotateY(20deg);
-ms-transform: translateX(-20px) perspective(600px) rotateY(20deg);
-o-transform: translateX(-20px) perspective(600px) rotateY(20deg);
transform: translateX(-20px) perspective(600px) rotateY(20deg);
}
.portfolio-list-mfp.mfp-ready .mfp-figure
{
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateY(0);
-moz-transform: translateY(0) perspective(600px) rotateY(0);
-ms-transform: translateY(0) perspective(600px) rotateY(0);
-o-transform: translateY(0) perspective(600px) rotateY(0);
transform: translateY(0) perspective(600px) rotateY(0);
}
.portfolio-list-mfp.mfp-removing .mfp-figure
{
opacity: 0;
-webkit-transform: translateX(-20px) perspective(600px) rotateY(20deg);
-moz-transform: translateX(-20px) perspective(600px) rotateY(20deg);
-ms-transform: translateX(-20px) perspective(600px) rotateY(20deg);
-o-transform: translateX(-20px) perspective(600px) rotateY(20deg);
transform: translateX(-20px) perspective(600px) rotateY(20deg);
}
.portfolio-list-mfp.mfp-bg
{
opacity: 0;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
/* animate in */
.portfolio-list-mfp.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.portfolio-list-mfp.mfp-removing.mfp-bg {
opacity: 0;
}
/***** Team *****/
.team-member{
text-align: center;
}
.team-member .image{
margin-bottom: 30px;
position: relative;
}
.team-member .image img{
vertical-align: top;
}
.team-member .name{
margin-bottom:5px;
}
.team-member .name a{
text-decoration: none;
color:inherit;
}
.team-member .name a:hover{
color:#FF4C2F;
}
.team-member .job-title{
font-size: 14px;
font-weight: 400;
color:#222;
}
.team-member .description{
margin-top:22px;
margin-bottom:15px;
}
.team-member .icons{
margin-bottom: 17px;
}
/* Overlay */
.team-member .image-overlay
{
position: absolute;
top:0;
left:0;
width: 100.3%;
height:100.3%;
opacity: 0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
.team-member .image-overlay:hover{
opacity:1;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team-member .image-overlay-wrap
{
width: 100%;
height:100%;
display: table;
background-color: #e63822;
background-color: rgba(230, 56, 34, .8);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.team-member .overlay
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.team-member .overlay-link
{
display: block;
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
text-indent: -9999px;
}
.team-member .image-overlay:hover .overlay-icon{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
margin-left:0;
}
.team-member .overlay-icon
{
display: inline-block;
width:28px;
height:28px;
background: url(../../../wp-content/themes/BigJunior/assets/img/team-member-plus.png) no-repeat;
background-size: 28px;
margin-left:-30px;
-webkit-transition: -webkit-transform .3s ease-out, margin .3s;
-moz-transition: -moz-transform .3s ease-out, margin .3s;
-o-transition: -o-transform .3s ease-out, margin .3s;
-ms-transition: -ms-transform .3s ease-out, margin .3s;
transition: transform .3s ease-out, margin .3s;
}
/* Icons */
.team-member .icons{
list-style: none;
padding:0;
margin: 0 auto;
display: table;
}
.team-member .icons:after{
display: table;
content:"";
clear:both;
}
.team-member .icons li{
float: left;
padding-left:10px;
}
.team-member .icons li:first-child{
padding-left:0;
}
.team-member .icons a{
text-decoration: none;
display: block;
font-size: 16px;
line-height: 1em;
color:#7f7f7f;
}
.team-member .icons a:hover{
color:#e63822
}
/***** Carousel *****/
.nbs-flexisel-container{
max-width: 100%;
position: relative;
}
.nbs-flexisel-inner{
overflow:hidden;
float:left;
width:100%;
}
.nbs-flexisel-ul {
position:relative;
width:9999px;
margin:0px;
padding:0px;
list-style-type:none;
text-align:center;
}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0px;
position:relative;
line-height:0px;
}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 21px;
height: 32px;
position: absolute;
cursor: pointer;
z-index: 100;
background: url(../../../wp-content/themes/BigJunior/assets/img/image-carousel-arrows.png) no-repeat;
background-size: 42px 32px;
opacity: .5;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s;
}
.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover{
opacity: 1;
}
.nbs-flexisel-nav-left {
left: 10px;
}
.nbs-flexisel-nav-right {
right: 5px;
background-position: -21px 0;
}
/***** Progress *****/
.progressbar{
margin-bottom: 16px;
}
.progressbar .title{
font-size: 13px;
font-weight: 300;
color:#666;
}
.progressbar .progress{
height:16px;
background-color: #ccc;
overflow: hidden;
}
.progressbar .progress-inner,
.progressbar .progress{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.progressbar .progress-inner{
height:100%;
background-color: #f96e5b;
}
.js-enabled .progressbar.animate .progress-inner{
position: relative;
-webkit-transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
-ms-transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: left 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.js-enabled .progressbar.animate.start-animation .progress-inner{
left: 0 !important;
}
/***** Accordion and toggle *****/
.accordion,
.toggle{
border:2px solid #e7e7e7;
}
.accordion .tab,
.toggle .tab{
border-bottom: 2px solid #e7e7e7;
}
.accordion .tab:last-child,
.toggle .tab:last-child{
border-bottom: none;
}
.accordion .header,
.toggle .header{
padding: 4px 0;
}
.accordion .tab-button,
.toggle .tab-button{
width: 37px;
height:31px;
border-right:2px solid #e7e7e7;
float:left;
text-align: center;
line-height: 31px;
cursor: pointer;
margin-right: 10px;
-webkit-transition: color .3s;
-moz-transition: color .3s;
-o-transition: color .3s;
-ms-transition: color .3s;
transition: color .3s;
}
.accordion .title,
.toggle .title{
line-height: 30px;
text-transform: uppercase;
font-size: 14px;
cursor: pointer;
margin:0;
-webkit-transition: color .3s;
-moz-transition: color .3s;
-o-transition: color .3s;
-ms-transition: color .3s;
transition: color .3s;
}
.accordion .header:hover .title,
.toggle .header:hover .title,
.accordion .header:hover .tab-button,
.toggle .header:hover .tab-button{
color:#f96e5b;
}
.accordion .body,
.toggle .body{
padding: 10px;
}
/***** Post slider *****/
.post-slider .slider-wrap{
/* required */
position: relative;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 230px;
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
}
/* slider head */
.post-slider .slider-head{
margin-bottom: 30px;
position: relative;
min-height: 36px;
}
.post-slider .slider-nav{
position: absolute;
right:0;
top:0;
border:1px solid #d1d1d1;
height:34px;
}
.post-slider .nav-prev,
.post-slider .nav-separator,
.post-slider .nav-next{
float:left;
}
.post-slider .nav-prev,
.post-slider .nav-next{
display: block;
width: 30px;
height:34px;
text-align: center;
color:#ababab;
line-height: 34px;
font-size: 20px;
text-decoration: none;
text-indent: -1000px;
overflow: hidden;
background: url(../../../wp-content/themes/BigJunior/assets/img/post-slider-controls.png) no-repeat;
background-size: 60px 34px;
opacity:.6;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.post-slider .nav-next{
background-position: -30px 0;
}
.post-slider .nav-prev:hover,
.post-slider .nav-next:hover{
opacity: 1;
}
.post-slider .nav-separator{
display: block;
width: 1px;
height: 14px;
margin-top: 10px;
background-color: #d1d1d1;
}
.post-slider .slider{
/* required */
width: 100%;
height: 100%;
list-style: none;
padding: 0;
margin:0;
}
.post-slider .item{
/* required */
float: left;
width: 48.71794871%;
height:100%;
padding-right:2.56410256%;
display: block;
}
.post-slider .item:last-child{
padding-right:0;
}
.post-slider .item-media
{
width: 40.35087719%;
height:230px;
background-color: #e3e3e3;
margin-right: 12.28070175%;
position: relative;
float:left;
}
.post-slider .thumbnail .item-media
{
background-color:transparent;
}
.post-slider .format-quote .item-media{
background-color: #e63822;
color:#FFF
}
.post-slider .media-date{
position: absolute;
left:0;
top:0;
width:45px;
height:43px;
background-color: #e63822;
color: #FFF;
text-align: center;
padding:2px 0 0;
}
.post-slider .media-date span{
display: block;
line-height: 1em;
}
.post-slider .media-date .day{
font-size: 24px;
font-weight: 700;
margin-bottom: 2px;
}
.post-slider .media-date .month{
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
}
.post-slider .item-media [class*="icon-"]{
font-size: 30px;
line-height: 1em;
position: absolute;
top:50%;
left:50%;
z-index: 9;
margin: -15px 0 0 -15px;
display: block;
}
.post-slider .thumbnail .item-media [class*="icon-"]{
color:#FFF;
opacity: .5;
}
.post-slider .format-quote .item-media [class*="icon-"]
{
top:auto;
left:auto;
right:20px;
bottom: 20px;
margin: 0;
}
.post-slider .format-video .item-media [class*="icon-"]
{
font-size: 36px;
margin: -18px 0 0 -18px;
}
.post-slider .overlay-link{
display: block;
z-index: 10;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.post-slider .title{
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
line-height: 1em;
margin-bottom:5px;
}
.post-slider .comments-count{
font-size: 12px;
line-height: 1em;
font-weight: 400;
}
.post-slider .post-container hr{
margin:13px 0;
}
.post-slider .title a{
color:inherit;
text-decoration: none;
}
.post-slider blockquote{
padding: 0;
background: none;
font-size: 13px;
font-style: italic;
font-weight: 400;
line-height: 1.6923em;
color:#949494;
}
.post-slider blockquote .begin{
display: inline-block;
position: relative;
background: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-start-dark.png") no-repeat;
background-size: 16px 11px;
width: 16px;
height:11px;
margin-right: 10px;
}
.post-slider blockquote .end{
display: inline-block;
position: relative;
right:auto;
bottom: auto;
margin-left: 10px;
top:2px;
background-image: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-end-dark.png");
background-size: 16px 11px;
}
/* Element Query */
.slider-wrap[data-maxwidth="480"] .item,
.slider-wrap[data-maxwidth="724"] .item{
width: 98%;
}
.slider-wrap[data-maxwidth="724"] .item-media{
margin-right: 6%;
}
.slider-wrap[data-maxwidth="724"] .thumbnail .item-media{
width: auto;
}
/***** Horizontal tab *****/
.horizontal-tab .titles-container{
float:left;
width: 18.97435897%;
border-right:1px solid #e7e7e7;
position: relative;
}
.horizontal-tab .titles-container .pointer{
width:7px;
height:7px;
background-color: #d04533;
position: absolute;
left:90%;
top: 10px;
-webkit-transition: top .4s, left .4s;
-moz-transition: top .4s, left .4s;
-o-transition: top .4s, left .4s;
-ms-transition: top .4s, left .4s;
transition: top .4s, left .4s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.horizontal-tab .titles,
.horizontal-tab .tabs-container{
padding:0;
margin:0;
list-style: none;
}
.horizontal-tab .titles{
padding-right: 15.76576576%;
}
.horizontal-tab .titles li{
font-size: 22px;
line-height: 1.5em;
color:#8d8d8d;
cursor: pointer;
margin-bottom: 1em;
}
.horizontal-tab .titles li:last-child{
margin-bottom: 0;
}
.horizontal-tab .tabs-container{
width: 80.76923076%;
float: left;
}
.horizontal-tab .tabs-container > li{
padding-left: 3.17460317%
}
/* Element query */
.horizontal-tab[data-maxwidth="767"] .titles-container{
float:none;
width: auto;
border-right:none;
margin-bottom: 20px;
}
.horizontal-tab[data-maxwidth="767"] .titles{
padding-right: 0;
}
.horizontal-tab[data-maxwidth="767"] .titles li{
display: inline-block;
padding: 0 15px;
}
.horizontal-tab[data-maxwidth="767"] .tabs-container{
width:auto;
float:none;
}
/***** Testimonials *****/
.testimonial{
position: relative;
padding-bottom: 30px;
}
.testimonial.has-image .quote{
float: left;
width:70%;
}
.testimonial.has-background{
background-color: #fff;
background-color: rgba(255, 255, 255, .5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 20px 30px 20px;
}
.testimonial.skin-light.has-background{
background-color: #000;
background-color: rgba(0, 0, 0, .5);
}
.testimonial blockquote{
padding: 14px 23px;
background: none;
font-size: 17px;
font-weight: 300;
line-height: 30px;
color:#1a1a1a;
}
.testimonial.skin-light blockquote{
color:#FFF;
}
.testimonial blockquote .begin{
display: block;
position: absolute;
background: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-start-size2.png") no-repeat;
background-size: 22px 16px;
width: 22px;
height:16px;
top:0;
left:0;
}
.testimonial blockquote .end{
display: block;
position: absolute;
right:0;
bottom: 0;
background-image: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-end-size2.png");
background-size: 22px 16px;
width: 22px;
height:16px;
}
.testimonial .image img,
.testimonial .image{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.js-enabled .testimonial.animate .image{
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
-webkit-transition: -webkit-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
-moz-transition: -moz-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
-ms-transition: -ms-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
-o-transition: -o-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
transition: transform .5s cubic-bezier(0.175, 0.885, 0.320, 1), opacity .5s;
}
.js-enabled .testimonial.animate.start-animation .image{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.testimonial .image img{
vertical-align: top;
}
.testimonial .image{
padding:5px;
border:1px solid #e9e9e9;
float: left;
margin-right:30px;
margin-bottom: 20px;
}
.testimonial .name{
font-size: 14px;
font-style: italic;
color: #979797;
margin:0;
}
.testimonial.skin-light .name{
color:#FFF;
}
.testimonial hr{
margin-top: 0;
margin-bottom: 10px;
width: 23%;
}
.testimonial.skin-light hr{
background-color:#FFF;
}
.testimonial hr,
.testimonial .name{
margin-left: 23px;
}
/* Style 2 */
.testimonial2 .name{
font-style: normal;
}
.testimonial2 blockquote{
font-size: 29px;
line-height: 40px;
color: #4c4c4c;
}
.testimonial2 .image{
padding:0;
border:none;
}
/* Element Query */
.testimonial[data-maxwidth="580"] .image{
float: none;
display: table;
margin: 0 auto 30px;
}
.testimonial[data-maxwidth="580"].has-image .quote{
float: none;
width: auto;
text-align: center;
}
.testimonial[data-maxwidth="580"] hr{
width:40%;
margin-left: auto;
margin-right: auto;
}
.testimonial[data-maxwidth="580"] .name{
margin-left: 0;
}
/* Testimonial group */
.testimonials{
position: relative;
}
.testimonials .name{
right:50px;
}
.testimonials .testimonials-controls{
position: absolute;
bottom:0;
right:0;
z-index: 10;
}
.testimonials .testimonials-controls:after{
content: "";
display: table;
clear:both;
}
.testimonials .testimonials-controls .separator,
.testimonials .testimonials-controls .next,
.testimonials .testimonials-controls .previous{
display: block;
text-indent: -1000px;
float:left;
overflow: hidden;
}
.testimonials .testimonials-controls .next,
.testimonials .testimonials-controls .previous{
display: block;
width:7px;
height:13px;
background: url(../../../wp-content/themes/BigJunior/assets/img/testimonial-controls.png) no-repeat;
background-size: 14px 13px;
text-indent: -1000px;
float:left;
}
.testimonials .testimonials-controls .next:focus ,
.testimonials .testimonials-controls .previous:focus {
outline: none;
}
.testimonials .testimonials-controls .next{
background-position: -7px 0;
}
.testimonials .testimonials-controls .separator{
margin:0 5px;
height:13px;
width:1px;
background-color: #b9b9b9;
}
/***** Parallax *****/
.parallax{
position: relative;
overflow: hidden;
background:no-repeat fixed 50% 0 transparent;
}
.parallax .title,
.parallax hr,
.parallax .subtitle{
position: absolute;
visibility: hidden;
opacity: 0;
-webkit-transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
-ms-transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.parallax .title{
font-weight: 400;
font-size: 30px;
color:#FFF;
margin:0;
line-height: 1em;
}
.parallax hr{
width:200px;
background-color:#FFF;
margin:14px 0;
}
.parallax .subtitle{
color:#FFF;
font-size: 13px;
font-weight: 300;
line-height: 1em;
}
/***** Tabs *****/
.tabs{
border-top: 2px solid #e7e7e7;
}
.tabs .head{
list-style: none;
padding: 0;
margin: 0;
margin-bottom: -2px;
}
.tabs .head li{
display: block;
float:left;
padding: 13px 20px 15px;
cursor: pointer;
font-size: 14px;
font-weight: 400;
line-height: 1em;
text-transform: uppercase;
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.tabs .head .current,
.tabs .head li:hover{
color:#e63822;
}
.tabs .head .current{
border-bottom: 2px solid #e63822;
}
.tabs .content{
border:2px solid #e7e7e7;
padding: 15px;
}
/***** GMap *****/
.gmap img{
max-width: none;
}
/*-----------------------------------------------------------------------------------*/
/* X. Portfolio Single
/*-----------------------------------------------------------------------------------*/
.full .portfolio-media{
margin-bottom: 30px
}
.portfolio-related .item
{
position: relative;
}
.portfolio-related img{
vertical-align: top;
}
.portfolio-related .portfolio-related-info
{
position: absolute;
top:0;
left:0;
width: 100.3%;
height:100%;
opacity: 0;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
.portfolio-related .portfolio-related-info:hover
{
opacity:1;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.portfolio-related .overlay-wrapper
{
width: 100%;
height:100%;
display: table;
background-color: #111;
background-color: rgba(17, 17, 17, .95);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}
.portfolio-related .overlay
{
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 10%;
}
.portfolio-related .overlay-title
{
text-transform: uppercase;
text-decoration: none;
color:#FFF;
font-size: 14px;
font-weight: 700;
margin:0;
}
.portfolio-related .overlay hr{
display: inline-block;
width: 50%;
margin:8px 0;
background-color: #666;
}
.portfolio-related .overlay-category
{
color:#FFF;
font-size: 11px;
text-transform: uppercase;
}
.portfolio-related .overlay-link
{
display: block;
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
text-indent: -9999px;
}
/*-----------------------------------------------------------------------------------*/
/* X. Blog listing/Archive
/*-----------------------------------------------------------------------------------*/
.archive .post,
.blog .post{
margin-bottom: 50px;
}
.post{
margin-bottom:50px;
}
.post-media
{
margin-bottom: 20px;
}
.post-media iframe,
.post-media img{
vertical-align: top;
}
.archive .post-meta,
.blog .post-meta
{
float:left;
width:34%;
padding-right: 3%;
}
.archive .post-meta hr,
.blog .post-meta hr{
margin: 8px 0;
}
.archive .post-meta .tagcloud,
.blog .post-meta .tagcloud{
margin-top:50px;
}
.post .post-title,
.post .post-title a
{
color:#222;
}
.post .post-title
{
font-weight: 700;
font-size: 32px;
}
.post .post-title a
{
text-decoration: none;
}
.archive .post-content,
.blog .post-content
{
float:left;
width:63%;
}
.archive .comments-link,
.blog .comments-link{
display: inline-block;
width:30px;
height:35px;
line-height: 28px;
text-align: center;
color: #FFF;
background:#ff4c2f url(../../../wp-content/themes/BigJunior/assets/img/comments-count.png) no-repeat center bottom;
background-size: 30px 7px;
}
.archive .comments-link:hover,
.blog .comments-link:hover
{
text-decoration: none;
}
.archive .post-info-container,
.blog .post-info-container{
font-weight: 400;
color:#2a2a2a;
}
.archive .post-comments,
.blog .post-comments
{
float: left;
width: 10%;
min-width: 30px;
margin-right: 5%;
margin-bottom: 5px;
}
.archive .post-info,
.blog .post-info{
float:left;
width:83%;
margin-top:-4px;
}
.post-info span{
padding-right:5px;
}
.post-info a{
color:#2a2a2a;
}
.more-link{
color:#7c7c7c;
}
/* Single */
.single-post .post-meta{
margin-bottom:30px;
}
/* Pagination */
.post-pagination{
margin:22px 0;
}
.post-pagination span,
.post-pagination a{
display: inline-block;
margin: 0 4px 2px 0;
text-align: center;
min-width: 27px;
height:27px;
line-height: 25px;
color:#808080;
border:1px solid #d9d9d9;
}
.post-pagination a{
text-decoration: none;
}
.post-pagination a:hover,
.post-pagination .this-page
{
background-color: #e1e1e1;
color:#000;
}
.post-pagination .prev-page-link,
.post-pagination .next-page-link
{
text-indent: -10000px;
background-image:url(../../../wp-content/themes/BigJunior/assets/img/pagination-arrows.png);
}
.post-pagination .next-page-link{
background-position: -27px 0;
}
.post-pagination .page-numbers
{
background-color: transparent;
}
/*-----------------------------------------------------------------------------------*/
/* X. Blog Single
/*-----------------------------------------------------------------------------------*/
.comments-wrap
{
margin-bottom:50px;
}
/*List*/
.comments-list{
list-style: none;
padding:0;
margin:0;
font-weight: 400;
font-size: 12px;
}
.comments-list .comment
{
padding:20px 10px;
color:#9c9c9c;
background-color: #fbfbfb;
border-bottom: 4px solid #e2e2e2;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
-webkit-box-shadow: 0px 2px 4px 0px rgba(170, 170, 170, 0.2);
box-shadow: 0px 2px 4px 0px rgba(170, 170, 170, 0.2);
-webkit-border-radius: 4px;
border-radius: 4px;
position:relative;
}
.comments-list .comment-image
{
float:left;
margin-right:10px;
padding:4px;
background-color: #FFF;
border:1px solid #e5e5e5;
min-height:64px;
}
.comments-list .comment-image img
{
display:block;
}
.comments-list .comment-reply-link
{
display: block;
position:absolute;
right: 10px;
top: 20px;
color:#7e7e7e;
padding-right:5px;
padding-left:26px;
border:1px solid #dfdfdf;
background:url(../../../wp-content/themes/BigJunior/assets/img/comment-reply.png) no-repeat 9px center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 25px;
text-decoration: none;
}
.comments-list .comment-reply-link:hover
{
border: none;
background-color: #d5d5d5;
background-image: url(../../../wp-content/themes/BigJunior/assets/img/comment-reply-hover.png);
color:#FFF;
}
.comments-list cite{
font-style: normal;
}
.comments-list cite a{
color: #565656;
text-decoration: none;
}
.comments-list .comment-date
{
font-size: 10px;
color:#9c9c9c;
text-decoration: none;
}
/* Comment reply style */
.comments-list .line
{
display: none;
width:14px;
height:1px;
background-color: #d6d6d6;
position: absolute;
left:-41px;
top:40px;
}
.comments-list ul
{
list-style: none;
padding:0;
}
.comments-list .children
{
margin:10px 0;
padding:10px 0 10px 40px;
border-left:1px solid #d6d6d6;
}
.comments-list .children .line
{
display: block;
}
/*-----------------------------------------------------------------------------------*/
/* X. Respond form
/*-----------------------------------------------------------------------------------*/
.comments-list #respond
{
margin: 20px 0;
}
#commentform .input-text
{
float:left;
width:32%;
margin-left: 2%;
}
#commentform .input-text:first-child{
margin-left: 0;
}
#commentform p:first-child{
font-size:12px;
font-weight: 400;
color:#9c9c9c;
}
#commentform .input-textarea,
#commentform p:first-child,
#commentform .form-fields
{
margin-bottom:25px;
}
#commentform .input-textarea{
width:100%;
}
#commentform .input-text input[type="text"]{
padding:0 3%;
width:94%
}
/*-----------------------------------------------------------------------------------*/
/* X. Search Page
/*-----------------------------------------------------------------------------------*/
.search-item{
padding:22px;
margin-bottom: 30px;
color:#9c9c9c;
background-color: #fbfbfb;
border-bottom: 4px solid #e2e2e2;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
-webkit-box-shadow: 0px 2px 4px 0px rgba(170, 170, 170, 0.2);
box-shadow: 0px 2px 4px 0px rgba(170, 170, 170, 0.2);
-webkit-border-radius: 4px;
border-radius: 4px;
position:relative;
}
.search-item .count{
float:left;
font-size: 30px;
font-weight: 400;
color: #7e7e7e;
padding: 5px 17px 5px 0;
border-right: 2px solid #7e7e7e;
margin-top:7px;
}
.search-item .content{
float:left;
margin-left: 22px;
}
.search-item .title{
margin:0;
}
.search-item .title a{
font-size: 24px;
color: #7e7e7e;
text-decoration: none;
}
/***************************
Retina displays styles
***************************/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 2) {
/* Header navigation */
header .navigation li.menu-item-parent{ background-image:url(../../../wp-content/themes/BigJunior/assets/img/navigation-arrow@2x.png); }
/* Block quote */
blockquote{ background-image:url(../../../wp-content/themes/BigJunior/assets/img/blockquote-start@2x.png); background-size: 16px 11px; }
blockquote .end { background-image:url(../../../wp-content/themes/BigJunior/assets/img/blockquote-end@2x.png); background-size: 16px 11px; }
/* Comments link */
.post-info-container .comments-link{ background-image: url(../../../wp-content/themes/BigJunior/assets/img/comments-count@2x.png); background-size: 30px 7px }
/* Comment Reply */
.comments-list .comment-reply-link { background-image:url(../../../wp-content/themes/BigJunior/assets/img/comment-reply@2x.png); background-size: 13px 11px; }
.comments-list .comment-reply-link:hover{ background-image: url(../../../wp-content/themes/BigJunior/assets/img/comment-reply-hover@2x.png); }
/* Post Pagination */
.post-pagination .prev-page-link,
.post-pagination .next-page-link { background-image:url(../../../wp-content/themes/BigJunior/assets/img/pagination-arrows@2x.png); background-size: 54px 27px; }
/*Testimonial widget */
.widget_bj_testimonials blockquote .begin{ background-image: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-start-dark@2x.png"); }
footer .widget_bj_testimonials blockquote .begin{ background-image: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-start@2x.png"); }
.widget_bj_testimonials blockquote .end{ background-image: url("../../../wp-content/themes/BigJunior/assets/img/blockquote-end-dark@2x.png"); }
.widget_bj_testimonials .next,
.widget_bj_testimonials .previous{ background-image: url(../../../wp-content/themes/BigJunior/assets/img/testimonial-controls@2x.png); }
/* Search widget */
.widget_bj_search input[type="submit"]{ background-image:url(../../../wp-content/themes/BigJunior/assets/img/search@2x.png); }
/* Team member sc */
.team-member .overlay-icon{ background-image: url(../../../wp-content/themes/BigJunior/assets/img/team-member-plus@2x.png); }
/* Image carousel */
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right { background-image: url(../../../wp-content/themes/BigJunior/assets/img/image-carousel-arrows@2x.png); }
/* Post/Portfolio slider */
.post-slider .nav-prev, .post-slider .nav-next{ background-image: url(../../../wp-content/themes/BigJunior/assets/img/post-slider-controls@2x.png);}
/* Blog */
.archive .comments-link,
.blog .comments-link{ background-image:url(../../../wp-content/themes/BigJunior/assets/img/comments-count@2x.png); }
}
/***************************
End of Retina displays styles
***************************/