/*
Theme Name: JJ Gordon
Description: WP JJ Gordon Live
Version: 1.0.1
*/

@import url(http://fonts.googleapis.com/css?family=Neuton:300,400,700,400italic);

@font-face {
    font-family: 'GLYPHICONS-Regular';
    src: url('fonts/GLYPHICONS-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/GLYPHICONS-Regular.woff') format('woff'), url('fonts/GLYPHICONS-Regular.ttf')  format('truetype'), url('fonts/GLYPHICONS-Regular.svg#GLYPHICONS-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.glyphicons{
    font-family:'GLYPHICONS-Regular', sans-serif;
    font-style: normal;
}
.glyphicons.glyphicons-translate:before{
content: '\e449';
}

     
* {margin: 0px;padding: 0px; vertical-align: baseline;}
img {max-width: 100%}
a {text-decoration: none; color:#262626}
a img {border: none}
li {list-style-position: inside;}
p b {font-family: 'Neuton'; font-weight: bold }

/* module */
.cursor-default, .cursor-default > a {
	cursor: default;
}

body {height: 100%; width: 100%; background-color:#fbf8e5; font-family: 'Neuton'; font-size: 16px; color:#262626; font-weight: normal; -webkit-font-smoothing: antialiased; }
.wrapper {width: 1000px; margin: 0px auto; position: relative}

header .wrapper_bg, header .menu-toggle, #sidebar, .mobile.flexslider, #profile_media_mobile {display: none}


#all-elements {overflow: hidden}
header {background-image: url(images/header-bg.gif); background-repeat: repeat-x; background-position: left top; height: 140px; padding-top: 15px}

#language {float: left; cursor: pointer; /*padding-top: 10px;*/}
#lang {
	font-size: 2.5em; 
	color: white;
    max-width: 50px
}

header #search {float: right; padding-top:15px;}
header #search input#s {font-family: 'Neuton';background-color:#2f302b; border-left: 1px solid #30312c; border-right: 1px solid #30312c; border-top: 1px solid #3b3c36; border-bottom: 1px solid #2f3128; color:#959594; font-size: 14px; padding: 4px 12px; width: 125px}
header #search input#s::-webkit-input-placeholder { /* WebKit browsers */    color:    #a5a5a5;}
header #search input#s:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color:    #5a5b58;}
header #search input#s::-moz-placeholder { /* Mozilla Firefox 19+ */    color:    #a5a5a5;}
header #search input#s:-ms-input-placeholder { /* Internet Explorer 10+ */    color:    #a5a5a5;}

#logo {position: absolute; top: 0px; left: 50%; margin-left: -101px;}
#logo img {width: 202px; height: 59px}

header nav {left: 0;    position: absolute;    text-align: center;    top: 85px;    width: 100%; }
header nav ul {position: relative;}
header #main_nav li {list-style: none}
header #main_nav a {text-decoration: none; display: block}
header #main_nav a:hover{color:#FFF}
header #main_nav > li {display: inline-block;    letter-spacing: 2px;    padding: 5px 48px 0 48px;   position: relative;    text-align: center;  vertical-align: middle; float: left}
header #main_nav > li:first-child, #main_nav > li.first-child {margin-left: 0px}
header #main_nav > li:last-child, #main_nav > li.last-child {margin-right: 0px}
header #main_nav > li > a {font-size: 14px; color:#a5a5a5; text-transform: uppercase; height: 40px; display: table-cell; vertical-align: middle}
header #main_nav > li.current-menu-item {}
header #main_nav > li.current-menu-item > a {color:#FFF}
header #main_nav > li ul {position: absolute; left: -10px; top: 45px; width: 227px; padding-top: 15px; display: none; opacity: 0; z-index: 10; background-color: #323429;}
header #main_nav > li ul.active {z-index: 20}
header #main_nav > li li {background-color:#323429; border: 1px solid #22231c; border-bottom: 1px solid #22231c; text-align: left; padding: 10px; border-top: none; display: block;}
header #main_nav > li li a {display: block; padding: 0px 3px; font-size: 14px; color:#a5a5a5; line-height: 19px;}
header #main_nav > li li:first-child, #main_nav > li li.first-child {border-top: none;padding-top: 5px;}
header #main_nav > li li:last-child, #main_nav > li li.last-child{}
header #main_nav > li > ul ul {display: none}
header #current_item_line {height: 4px; background-image: url(images/current-menu-item.gif); background-repeat: repeat-x; background-position: left top; position: absolute; left: 0px; top: 51px}



#home_slider {margin-bottom: 10px}
#home_slider .slides >li{position: relative; letter-spacing: 2px; overflow: hidden;}
#home_slider .slides .info {position: absolute; left: 0px; bottom: 0px; /* background-image: url(images/slider-info-bg.png); */ background-repeat: repeat-all; background-position: left middle; height: 50%; max-height:280px; width: 100%; text-align: center; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .7); }
#home_slider .info h2{font-family: 'Neuton'; font-weight: bold; color:#e5e5e5; font-size: 34px; padding-top: 40px; padding-bottom: 5px;}
#home_slider .info p{font-size: 18px; color:#e5e5e5; line-height: 20px; padding-bottom: 14px; font-family: 'sorts_mill_goudyitalic'; line-height: 24px;}
#home_slider .info p a {color:#e5e5e5}
#home_slider .info p a.button {font-family: 'Neuton';background-color: #E4E6E5;    color: #404040;    display: inline-block;    font-size: 14px;    font-style: normal;    line-height: 18px;    margin-top: 10px;  padding: 6px 34px 4px 34px;} 


.hwidget {padding: 0 0 15px 0px}
.hwidget h2.stitle{font-weight: normal; letter-spacing: 2px; color:#404040; font-size: 26px; line-height: 36px; text-align: center; padding: 40px 0; text-align: center; display: block; text-transform: uppercase}


#stable_stars .slides > li {position: relative; width: 300px; height: 250px; overflow: hidden; cursor: pointer}
#stable_stars .desktop .slides > li > img {width: 300px; height: 250px; object-fit: cover;}
#stable_stars .slides > li .hover_wrapper {padding: 10px; text-align: center;}
#stable_stars .slides > li span {color: #e5e5e5;    font-size: 28px;    font-family: 'Neuton'; font-weight: bold;    letter-spacing: 2px;    line-height: 32px;    max-height: 28px;    overflow: hidden;    padding-bottom: 5px;    padding-top: 20px; white-space: nowrap; display: inline-block;}
#stable_stars .slides > li .button {border: 1px solid #E5E5E5;    color: #E5E5E5;    display: inline-block;    font-size: 11px;    font-style: normal;    letter-spacing: 1px;    line-height: 16px;    margin-top: 10px;    padding: 4px 25px 2px;}
@media all and (min-width: 830px){
    #stable_stars .hover_content {background-color: rgba(0, 0, 0, 0.6);display: none; position: absolute; left: 0px; top: 125px; color: #FFF; width: 100%; height: 100%; display: block; text-align: center; z-index: 1000;overflow: hidden;-moz-transform: translate3d(0px,125px,0);     -webkit-transform: translate3d(0px,125px,0); -o-transform: translate(0px,125px); -ms-transform: translate(0px,125px);     transform: translate3d(0px,125px,0); }
    #stable_stars .slides > li .hover_wrapper{-webkit-transition: opacity 0.6s ease-in-out;  -moz-transition: opacity 0.6s ease-in-out;  -ms-transition: opacity 0.6s ease-in-out;  -o-transition: opacity 0.6s ease-in-out;  transition: opacity 0.6s ease-in-out;  -moz-opacity: 0.00; opacity: 0.00; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);}
    #stable_stars .slides > li:hover .hover_wrapper {zoom: 1;  -moz-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);}
}

#newsletter input, .page_content input {font-family: 'Neuton'; font-weight: bold; background-color:#f0e9d6; border-left: 1px solid #f0e9d6; border-right: 1px solid #f0e9d6; border-top: 1px solid #e5dfcf; border-bottom: 1px solid #e5dfcf; color:#98948b; font-size: 14px; padding: 8px 12px; width: 310px; float: left; margin-right: 20px}
#newsletter input::-webkit-input-placeholder, .page_content input::-webkit-input-placeholder { /* WebKit browsers */    color:    #a5a5a5;}
#newsletter input:-moz-placeholder, .page_content input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color:    #98948b;}
#newsletter input::-moz-placeholder, .page_content input::-moz-placeholder { /* Mozilla Firefox 19+ */    color:    #a5a5a5;}
#newsletter input:-ms-input-placeholder, .page_content input:-ms-input-placeholder { /* Internet Explorer 10+ */    color:    #a5a5a5;}
#newsletter button {font-family: 'Neuton';background-color:#545c36; color:#cccccc; padding: 7px 90px 5px 90px; cursor: pointer; border: 1px solid #545c36; letter-spacing: 2px; text-transform: uppercase}
.page_content textarea {font-family: 'Neuton';background-color:#f0e9d6; border-left: 1px solid #f0e9d6; border-right: 1px solid #f0e9d6; border-top: 1px solid #e5dfcf; border-bottom: 1px solid #e5dfcf; color:#98948b; font-size: 14px; padding: 8px 12px 5px 12px; width: 300px; float: left; margin-right: 20px}

footer {background-color: #f0e9d6; margin-top: 50px; padding-top: 15px}
footer .column {width: 465px;  width: -webkit-calc(50% - 33px);width: -moz-calc(50% - 33px);width: calc(50% - 33px); color:#404040; line-height: 1.45; font-size: 16px; letter-spacing: 1px; padding: 10px 0px}
footer .column.left {float: left; text-align: right; border-right: 1px solid #b8b3a5; padding-right: 30px}
footer .column.right {float: right; text-align: left; padding-left: 30px}
#credits {background-color:#2b2c24; color:#e5e5e5; margin-top: 40px; padding: 16px 0px 14px 0; letter-spacing: 1px; font-size: 14px}
#copiright {float: left}
#developer {float: right}
#developer a {color:#e5e5e5; font-family: 'Neuton'; font-weight: bold}

#content {background-color:#f6f4e7; background-image: url(images/content-bg.gif); background-repeat: repeat-all; background-position: left top; padding: 65px 0 35px 0}
#content .wrapper {background-color:#fbf8e5; padding: 35px; width: 930px; padding-bottom: 60px}
#content .title {font-weight: 300; letter-spacing: 5px; color:#404040; font-size: 40px; line-height: 66px; text-align: center; padding: 0px 0 20px 0; text-align: center; display: block; text-transform: uppercase; border-bottom: 1px solid #b88a48; margin-bottom: 40px}
#content.page .title {border-bottom: 1px solid #b88a48;}
#content .page_content {letter-spacing: 0px; }
.page_content p {line-height: 1.45; padding-bottom: 1.3em; color:#404040; font-family: 'Vollkorn', serif; font-size:95% ;}
.page_content a {color:#404040}
.page_content p b {font-size: 16px; font-family: 'Neuton'; font-weight: bold}
.page_content .column {width: 49.5%; float: left; }
.page_content .column:first-child {padding-right: 10px; width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);width: calc(50% - 10px);}
.page_content .column:last-child {padding-left: 10px; width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);width: calc(50% - 10px);}
.page_content h1, .page_content h2, .page_content h3, .page_content h4, .page_content h5, .page_content h6 {font-weight: normal;}
.page_content h1 {}
.page_content h2 {letter-spacing: 2px; color:#404040; font-size: 16px; line-height: 24px; padding: 10px 0 5px 0; display: block; text-transform: uppercase; border-bottom: 1px solid #c1beb0; margin-bottom: 20px}

#cat_description {width: 70%; margin: 0px auto; margin-top: -10px; margin-bottom: 30px; font-size: 25px; font-style: italic; font-family: 'Neuton'; text-align: center; line-height: 33px;}

.page_content input, .page_content textarea {margin-bottom: 15px; width: -webkit-calc(100% - 26px);width: -moz-calc(100% - 26px);width: calc(100% - 26px); margin-right: 0px}
.page_content input.wpcf7-submit {font-family: 'Neuton';background-color:#545c36; color:#cccccc; padding: 7px 90px 5px 90px; cursor: pointer; border: 1px solid #545c36; letter-spacing: 2px; text-transform: uppercase; width: 240px; margin-bottom: 0px}

.page-template-template-contact-php .page_content p{font-size: 16px; letter-spacing: 1px; line-height: 24px}

.wp-caption .wp-caption-text {border-top: 1px solid #c1beb0; margin-top: 3px; font-size: 12px}
.wp-caption{width: auto !important;}
.wp-caption.alignleft, .wp-caption.alignright {background-color: #FBF8E5; margin: 0}
.wp-caption.alignleft {padding-right: 25px}
.wp-caption.alignright {padding-left: 25px}

body:not(.home) #stable_stars{padding-bottom: 0px}
body:not(.home) footer{margin-top: 0px}

#news_list li {border-bottom: 1px solid #c1beb0; list-style: none; padding: 20px 15px}
#news_list li:hover {background-color: #fffef1}
#news_list li .thumbnail {float: left; line-height: 0; padding-right: 20px;}
#news_list li h4 {font-weight: normal; color:#34362b; font-size: 12px; line-height: 24px;}
#news_list li h2 {font-weight: normal; color:#262626; font-size: 16px; line-height: 28px; padding: 5px 0 15px; font-family: 'Neuton'; font-weight: bold}
#news_list li h2 a {color:#262626;}
#news_list li h2 span {float: right; font-size: 10px; font-weight: normal}

#sold_filters {background-color:#f0e9d6; padding: 12px 0 12px 80px; margin-bottom: 25px}
#sold_filters .fancy-select {display: inline-block; vertical-align: middle; margin-left: 20px}
#clear_filters {margin-left: 20px}

#sold_list {}
#sold_list li {list-style: none;; background-color:#f0e9d6; margin-bottom: 14px}
#sold_list li:hover {background-color: #fffef1} 
#sold_list li .thumbnail {float: left; line-height: 0;}
#sold_list li .thumbnail img {width: 142px; height: 142px; object-fit: cover;}
#sold_list li .thumbnail img.thumbnail-placeholder {width: 142px; height: 142px; min-height: 0; object-fit: contain; background-color: #f0e9d6;}
#sold_list li h2 {font-weight: bold; color:#dcdcdc; font-size: 20px; line-height: 28px; padding: 5px 0 5px 160px; font-weight: normal; background-color:#34362c}
#sold_list li h2 a {color:#dcdcdc;}
#sold_list li h2 span {float: right; font-size: 14px; font-weight: normal; vertical-align: middle; width: 150px;}
#sold_list li .profle_info {float: right; width: 150px; padding-top: 12px;line-height: 26px;}
#sold_list li .profle_info p:first-child {padding-bottom: 10px;  font-size: 17px}
#sold_list li .profile_short {line-height: 26px; padding: 12px 170px 0px 160px} 
#sold_list li .profile_short p {font-size: 17px}
#sold_list li .profile_short p b{font-weight: bold; line-height: 20px}

#profile_image {position: relative; padding-bottom: 20px; text-align: center;}
#profile_image img {border-bottom: 10px solid #393b30; margin-bottom: -60px;}
#profile_image h1 {font-weight: normal; background-color:#fbf8e5; font-size: 44px; letter-spacing: 3px; display: inline-block; padding: 18px 40px 14px 40px; border-bottom: 1px solid #cc9f57; width: auto; white-space: nowrap;}
#profile_short {line-height: 24px; text-align: center}
#profile_info {padding-top: 30px; border-bottom: 1px solid #c1beb0; padding-bottom: 20px}
#profile_info h2 {font-size: 14px;        padding-bottom: 15px; font-family: 'Neuton'; font-weight: bold}
#profile_info .block {padding-bottom: 45px}
#profile_info .left_column{float: left; width: 465px}
#profile_info .left_column p {padding-right: 50px}
#profile_info .right_column{float: right;  width: 390px; padding-right: 30px}
#profile_info .right_column li {list-style: none; padding-left: 15px}
#profile_info .right_column li:before {content: "»"; font-size: 20px;    line-height: 15px;    padding-right: 5px;margin-left: -15px}
#profile_info .io {width: 230px; height: 40px}
#profile_info .split {float: left;    font-size: 20px;        padding-left: 18px;    padding-top: 10px;    text-align: center;    vertical-align: middle;    width: 30px;}
#profile_info .flag{float: left; background-image: url(images/flags@x2.png); background-repeat: no-repeat; width: 75px; height: 40px; background-size: 80px 200px;}
#profile_info .flag_eu {background-position: left top}
#profile_info .flag_cn {background-position: left -40px}
#profile_info .flag_au {background-position: left -80px}
#profile_info .flag_sg {background-position: left -120px}
#profile_bio {float: left; width: 465px; padding-bottom: 30px;}
#profile_major_races, #profile_import_export, #related_news {}
#profile_media_desktop {padding-top: 30px; max-width: 465px}
#profile_media_desktop li {list-style: none}
#tabs_menu li {display: inline-block;}
#tabs_menu li a {display: inline-block; color: #262626; padding: 10px 16px 8px 16px; font-family: 'Neuton'; font-weight: bold}
#tabs_menu li.selected a {background-color: #f0e9d6}
#profile_media_desktop .tab_content {background-color: #f0e9d6; padding: 10px 5px 0px 5px; min-height: 164px;}
#profile_media_desktop .tab_content li {display: inline-block; width: 104px; height: 72px; overflow: hidden; margin: 0px 4px 10px 5px}
#profile_media_desktop .tab_content li img {display: block; width: 104px; height: 72px; object-fit: cover;}
#profile_media_desktop .tab_video li {position: relative}
.profile_media .tab_video span {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url(images/video-play-overlay.png); background-repeat: no-repeat; background-position: center center; z-index: 10}

#post_navigation {padding-top: 15px; font-size: 14px}
#post_navigation .back {float: left}
#post_navigation .next {float: right}

.wpcf7 span.wpcf7-not-valid-tip {width: 180px; color:#404040; padding: 5px; font-size: 12px; display: inherit}
.wpcf7 .wpcf7-validation-errors {background-color:#F0E9D6; border-color:#F0E9D6; -webkit-box-shadow: 3px 3px 8px rgba(50, 50, 50, 0.63);-moz-box-shadow:    3px 3px 8px rgba(50, 50, 50, 0.63);box-shadow:         3px 3px 8px rgba(50, 50, 50, 0.63); color:#404040; padding: 5px}

.wp-pagenavi {padding-top: 20px}
#content .wp-pagenavi a:hover, #content .wp-pagenavi span.current, #content .wp-pagenavi a, #content .wp-pagenavi span {border: none;}
#content .wp-pagenavi span.current {background-color: #34362C; color: #DCDCDC}

/* Mac specific styles */
#newsletter button {padding: 8px 60px; font-size: 14px;}
.mac-osx header #search input#s {padding: 8px 14px }

.wrapper .wp-pagenavi a, .wrapper .wp-pagenavi span {padding: 8px 15px}
.mac-osx div.fancy-select div.trigger {padding: 7px 24px 4px 14px;}
.mac-osx #sidebar #search input#s {padding: 10px 20px 6px;}

@media all and (max-width: 830px){ 
    .mac-osx #main_nav li {padding-bottom: 21px}
}


.ani-mate-fast {    -webkit-transition: -webkit-transform 0.3s ease-in-out;    -moz-transition: -moz-transform 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-in-out;    transition: transform 0.3s ease-in-out;}
.ani-from-top { -moz-transform: translate3d(0px,-30px,0);     -webkit-transform: translate3d(0px,-30px,0);  -o-transform: translate(0px,-30px); -ms-transform: translate(0px,-30px);     transform: translate3d(0px,-30px,0); }
.active .ani-from-top { -moz-transform: translate3d(0%,0px,0); -webkit-transform: translate3d(0%,0px,0);   -o-transform: translate(0%,0px);     -ms-transform: translate(0%,0px); transform: translate3d(0%,0px,0); }
.ani-from-bottom { -moz-transform: translate3d(0px,30px,0);     -webkit-transform: translate3d(0px,30px,0); -o-transform: translate(0px,30px); -ms-transform: translate(0px,30px);     transform: translate3d(0px,30px,0); }
.active .ani-from-bottom, .active.ani-from-bottom, #stable_stars .hover_content.active.ani-from-bottom { -moz-transform: translate3d(0%,0px,0); -webkit-transform: translate3d(0%,0px,0);  -o-transform: translate(0%,0px);    -ms-transform: translate(0%,0px); transform: translate3d(0%,0px,0); }

.clickable {    cursor: pointer !important;}
.alignleft {float: left; margin: 0px 25px 5px 0px}
.alignright {float: right; margin: 0px 0px 5px 25px}

.clear {clear: both;}

.section-wrap { width:100%; padding:0px 0px; padding-bottom:55px; margin-bottom:30px; border-bottom: 1px solid #b88a48; } 
.results-wrap { width: 100% !important; background-color: #fbf8e5; }
.col-left { float:left; width:49%; }
.col-right { float:right; width:49%; }
.col-left li, .col-right li {list-style: none; padding-left: 15px}
.results-wrap #cat_description { padding: 2px 0px 20px 0px; width: 75%; }
.section-wrap li:before { content: "»"; font-size: 20px; line-height: 15px; padding-right: 5px; margin-left: -15px; }
section#stable_stars { margin-top: -30px; }
.results-wrap h2 { font-size: 14px; padding-bottom: 15px; font-family: 'Neuton'; font-weight: bold; text-transform:uppercase; }

@media all and (max-width: 1030px){
    .wrapper {width: 900px}
    header #main_nav > li {padding: 5px 38px 0 38px}
    #content .wrapper {width: 850px}
    #sold_filters div.fancy-select div.trigger {width: 245px}
    #profile_info .right_column {width: 330px}
    #newsletter input {width: 290px}
    #newsletter button {padding: 7px 60px 5px}
}

@media all and (max-width: 930px){
    .wrapper {width: 800px}
    header #main_nav > li {padding: 5px 28px 0 38px}
    #content .wrapper {width: 750px}
    #sold_filters div.fancy-select div.trigger {width: 235px}
    #profile_info .right_column {width: 260px; padding-right: 0px}
    #newsletter input {width: 240px}
    #newsletter button {padding: 7px 60px 5px}
    #sold_filters {padding-left: 40px}
}

@media all and (max-width: 600px){ 
	
	.col-left { text-align: left; float:none; width:98%; margin:0px auto; padding-bottom:22px;}
	.col-right { text-align: left; float:none; width:98%; margin:0px auto; }

}

@media all and (min-width: 830px){ 
    .section_content {display: block !important}    
}

@media screen and (max-width: 830px) {
    #language{
    	float:right;
    	margin-right: 15px;
    	width:100px;
    	padding-top: 0px;
    }
    #lang {
    	float:right;
    	font-size: 2em;

    }
    #google_translate_element{
    	padding-top: 70px;
    }

	.col-left { text-align: center; }
	.col-right { text-align: center; }

}


/*Remove Google Logo*/
.goog-logo-link {
   display:none !important;
} 

.goog-te-gadget{
   color: transparent !important;
}

.placeholder{
    min-height:450px;
    background-color: rgba(0,0,0,.7);
    text-align: center;
    vertical-align: middle;
}
.placeholder i{
    margin-top: 180px;
    color: #fbf8e5;
}
small.translate{
    /*display: block;*/
     display: none;
    position: absolute;
    bottom: -9px;
    color: #fff;
    left: -8px;
    font-family: 'Vollkorn', sans-serif;
}

.wpcf7-recaptcha{
        float: left;
    margin-bottom: 15px;
}

.wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-validation-errors{
    float: left;
}