@media (max-width:1220px) { .caja_1 p, .caja_2 p {bottom: 0px !important;font-size: 1.5em !important;} .caja_4 p, .caja_3 p {bottom: -5px !important;font-size: 1.5em !important;line-height: 20px !important;} } @media (max-width:932px) { #Content .caja_4 p, #Content .caja_3 p { font-size: 1.1em !important; line-height: 15px !important; } #Content .caja_1 p, #Content .caja_2 p {font-size: 1.1em !important;} } @media (max-width:767px) { #Content .caja_1 p, #Content .caja_2 p { bottom: 0px !important; font-size: 2em !important; } #Content .caja_4 p, #Content .caja_3 p { font-size: 2em !important; bottom: 10px !important; } } @media (max-width:550px) { #Content .caja_4 p, #Content .caja_3 p { bottom: 0px !important; line-height: 25px !important; width: 80% !important; } } @media (max-width:350px) { #Content .caja_4 p, #Content .caja_3 p { bottom: -5px !important; line-height: 25px !important; font-size: 1.6em !important; } #Content .caja_1 p, #Content .caja_2 p { font-size: 1.6em !important; } } /* Global ---------------------------------------------------------------------------- */ @font-face { font-family: 'champagne__limousinesregular'; src: url('font/champagne__limousines-webfont.eot'); src: url('font/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'), url('font/champagne__limousines-webfont.woff2') format('woff2'), url('font/champagne__limousines-webfont.woff') format('woff'), url('font/champagne__limousines-webfont.ttf') format('truetype'), url('font/champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg'); font-weight: normal; font-style: normal; } p { font-size:18px !important;} .page-id-530 .trailer_box .desc h2 {bottom: 121px !important;} .page-id-530 .salones_iglesia .scale-with-grid{ transition: ease 1s;} .page-id-530 .salones_iglesia:hover .scale-with-grid { opacity:0.5 !important;} @font-face { font-family: 'blackjackregular'; src: url('font/blackjar-webfont-webfont.eot'); src: url('font/blackjar-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('font/blackjar-webfont-webfont.woff2') format('woff2'), url('font/blackjar-webfont-webfont.woff') format('woff'), url('font/blackjar-webfont-webfont.ttf') format('truetype'), url('font/blackjar-webfont-webfont.svg#blackjackregular') format('svg'); font-weight: normal; font-style: normal; } .page-id-12 .img_interna_5, .page-id-26 .img_interna_5, .page-id-77 .img_interna_5, .page-id-30 .img_interna_5 { display: none !important; } .page-id-12 .img_interna_6, .page-id-26 .img_interna_6, .page-id-77 .img_interna_6, .page-id-30 .img_interna_6 { float:right;} .page-id-89 .img_interna_4, .page-id-94 .img_interna_4, .page-id-99 .img_interna_4, .page-id-105 .img_interna_4, .page-id-26 .img_interna_4, .page-id-77 .img_interna_4, .page-id-30 .img_interna_4 { display:none !important;} .page-id-89 .img_interna_5, .page-id-89 .img_interna_6, .page-id-94 .img_interna_5, .page-id-94 .img_interna_6, .page-id-99 .img_interna_5, .page-id-99 .img_interna_6, .page-id-105 .img_interna_5, .page-id-105 .img_interna_6 {width: 700px;} .page-id-26 .img_interna_6, .page-id-77 .img_interna_6, .page-id-30 .img_interna_6 { width:1200px; float:left;} .wpcf7-form{ width: 90%; height: auto; border: #7f2909 1px solid; padding: 20px; box-sizing: border-box; margin: 0 auto; background-color: #f7f5f1;} input[type="submit"]{ background-color:#7f2909 !important; font-size:18px !important; color:#FFF; font-family: 'champagne__limousinesregular';} .wpcf7-validates-as-required { width: 100%; border: #7f2909 1px solid; font-size:18px; color:#FFF; font-family: 'champagne__limousinesregular';} select{ width: 100%; border: #7f2909 1px solid !important; font-size:14px; color:#FFF; font-family: 'champagne__limousinesregular';} input{ border: #7f2909 1px solid !important; width: 100% !important; font-size:18px; color:#FFF; font-family: 'champagne__limousinesregular';} h1{ font-size: 65px !important; line-height: 25px !important; color: #7f2909 !important; font-family: 'blackjackregular' !important;} .hide { display: none !important;} #Wrapper { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .06); box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);} .rev_slider iframe { max-width: 1220px;} .rev_slider ul { margin:0 !important;} .tp-static-layers { z-index: 200;} .ls-yourlogo { z-index: 28;} .texto_inicio span{ font-family: 'blackjackregular'; font-size: 20px; color:#000; padding:0; } #Top_bar{background:url(../images/12.png) no-repeat !important; width:100%; height:auto;} .caja_eventos p{ font-family: 'blackjackregular'; color:#ebdebe; font-size: 25px !important; line-height: 35px; } .img_trans{ width:100%; height:auto;} .content_media h1{ color:#291710 !important; margin-bottom:30px; margin-top:40px; transition:ease 300ms;} .texto_paralax p{ font-size:18px; color:#FFF; font-family: 'champagne__limousinesregular'; letter-spacing: 0.5px;} .icono_1_media{ background:url(../images/icono_1.png) no-repeat; width:164px; height:140px; margin:0 auto; transition:ease 300ms;} .icono_1_media:hover { background: url(../images/icono_1_over.png) no-repeat;} .icono_2_media{ background:url(../images/icono_2.png) no-repeat; width:164px; height:140px; margin:0 auto; transition:ease 300ms;} .icono_2_media:hover { background: url(../images/icono_2_over.png) no-repeat;} .icono_3_media{ background:url(../images/icono_3.png) no-repeat; width:164px; height:140px; margin:0 auto; transition:ease 300ms;} .icono_3_media:hover { background: url(../images/icono_3_over.png) no-repeat;} #back_to_top .button_icon{ display:none !important;} .parque_diversiones img{ margin-top: -82px; margin-right: 30px; transition:ease 300ms !important;} .parque_diversiones img:hover{ margin-top:-70px;} #text-3 .textwidget { width: 29%; margin: 0 auto; text-align: center; margin-left: 317px; font-size: 18px; font-family: 'champagne__limousinesregular'; color: #291710;} .widget_nav_menu ul{ width:100%; height:auto; margin-left:17%;} .widget_nav_menu ul li{ float: left; width: auto; height: 38px; text-align: center; background: url(../images/icono_menu.png) no-repeat; box-sizing: border-box; padding: 9px 21px; margin: 0; background-position: left; margin-top:10px;} .widget_nav_menu ul li a{ text-decoration:none;} .widget_nav_menu ul li a:hover{ text-decoration:none; color:#8d5640 !important;} .widget_nav_menu ul li a{ font-size: 18px; color: #291710 !important; font-weight: bold;} .parque_diversiones{ width:100%; height:auto;} #Footer .column{ margin:0 !important; height: !important;} .clear{ clear:both;} .escala{ width:100%; height:auto;} .seccion_interna{ width:100%; height:auto;} .seccion_interna_central{ max-width:1200px; width:100%; height:auto; margin:0 auto; border-top:#895e31 1px solid ; border-bottom: #895e31 1px solid; padding: 40px 0;text-align: center;justify-content: center;display: flex;flex-wrap: wrap; } .caja_interna_1{ width:25%; height:auto; float:left;} .img_interna_1{ width:100%; height:165px; background:url(../images/bodas_interna_1.jpg) no-repeat; margin:0 auto; transition:ease 300ms; } .img_interna_2{ width:100%; height:165px; background:url(../images/centro_interna_1.jpg) no-repeat; margin:0 auto; transition:ease 300ms; } .img_interna_3{ width:100%; height:165px; background:url(../images/eventos_interna_1.jpg) no-repeat; margin:0 auto; transition:ease 300ms;} .img_interna_1-4{ width:100%; height:165px; background:url(../images/fiesta_interna_1.jpg) no-repeat; margin:0 auto; transition:ease 300ms;} .img_interna_1:hover{background:url(../images/bodas_interna_2.jpg) no-repeat; background-size:contain;} .img_interna_2:hover{background:url(../images/centro_interna_2.jpg) no-repeat; background-size:contain;} .img_interna_3:hover{background:url(../images/eventos_interna_2.jpg) no-repeat; background-size:contain;} .img_interna_1-4:hover{background:url(../images/fiesta_interna_2.jpg) no-repeat; background-size:contain;} .titulo_destacado_interna{ width:100%; text-align:center; height:auto; padding:20px 0;} .seccion_interna_central_2{ max-width:1200px; width:100%; height:auto; margin:0 auto; padding: 40px 0 90px 0;} .img_interna_4{ text-align:center; float:right; width:200px; height:auto; transition:ease 300ms;} .img_interna_5{ text-align:center; margin:0 auto; width:200px; height:auto; transition:ease 300ms;} .img_interna_6{ text-align:center; float: left; width:200px; height:auto; transition:ease 300ms;} .img_interna_4 h1{ color: #291710 !important; margin-bottom: 30px; margin-top: 30px; font-size:50px !important; transition:ease 300ms;} .img_interna_5 h1{ color: #291710 !important; margin-bottom: 30px; margin-top: 30px; font-size:50px !important; transition:ease 300ms;} .img_interna_6 h1{ color: #291710 !important; margin-bottom: 30px; margin-top: 30px; font-size:50px !important; transition:ease 300ms;} .wpcf7-validates-as-required{ color:#626262 !important;} .img_interna_4:hover > h1{ color: #895e31 !important;} .img_interna_5:hover > h1{ color: #895e31 !important;} .img_interna_6:hover > h1{ color: #895e31 !important;} .content_media h1:hover{ color: #895e31 !important;} .destacado_over{ text-decoration:none !important;} .destacado_over:hover > h1{ color: #895e31 !important;} #Subheader h1{ line-height:50px !important; } .texto_interna p{ font-size: 18px !important; font-family: 'champagne__limousinesregular' !important; color: #291710 !important; } .texto_interna span{ font-size: 25px !important; font-family: 'blackjackregular' !important; color: #291710 !important; } .imagen_interna{ margin-top: -125px;} .texto_interna a{ text-decoration:none;} .texto_interna h3{ font-size:20px; font-family: 'champagne__limousinesregular' !important; color:#7f2909; text-transform:uppercase; font-weight:bold;} .boton_landing{ width: 48%; float: left; padding: 15px 5px; height: auto; box-sizing: border-box; border: #7f2909 1px solid !important; color: #7f2909; margin: 6px; text-align: center; font-size: 15px; font-family: 'champagne__limousinesregular' !important; font-weight: bold; text-transform: uppercase; transition:ease 300ms; text-decoration:none;} .boton_landing:hover{ color: #FFF; background:#7f2909; text-decoration:none;} .texto_interna li{ font-size: 18px !important; font-family: 'champagne__limousinesregular' !important; color: #291710 !important; background: url(../images/list.png) no-repeat; padding-left: 12px; background-position-y: 7px;list-style-type: none !important; margin-bottom:5px !important;} .boton_boda{ width: 30%; float: left; padding: 15px 5px; height: auto; box-sizing: border-box; border: #7f2909 1px solid !important; color: #7f2909; margin: 6px; text-align: center; font-size: 18px; font-family: 'champagne__limousinesregular' !important; font-weight: bold; text-transform: uppercase; transition:ease 300ms; text-decoration:none;} .boton_boda:hover{ color: #FFF; background:#7f2909; text-decoration:none;} @media (max-width:1239px){ .page-id-530 .trailer_box .desc h2{ font-size:25px;} .boton_landing{ width:60%; float:none; margin:0 auto; margin-bottom:10px !important;} .boton_boda{ width:60%; float:none; margin:0 auto; margin-bottom:10px !important;} #Top_bar #menu ul li{ background:inherit !important;} #Top_bar #menu ul li { background:#f1ede8 !important;} #Top_bar #menu ul li:hover{ background:#d6bb96 !important;} #Top_bar #menu{ background:none !important;} .tp-leftarrow{ transform: matrix(1, 0, 0, 1, 20, -25) !important;} .tp-rightarrow{ transform: matrix(1, 0, 0, 1, -80, -25) !important;} .parque_diversiones{ text-align:center;} .parque_diversiones img{ margin-top:0; margin-right:-20px; } .parque_diversiones img:hover{margin-top:0; margin-right:-20px;} .widget_nav_menu ul{ width:60%; height:auto; margin-left:0%; margin-bottom:15px;} .widget_nav_menu ul li{ float: none; padding: 9px 21px; text-align:left;} #text-3 .textwidget{ width:100%; margin-top:20px; margin-left: 0; text-align:center;} body.home .facebook{ margin-top: 13% !important; margin-right:0 !important; position: inherit !important; } .facebook{ margin-top: 13% !important; margin-right:0 !important; position: inherit !important; } #Top_bar #menu{ top: 67% !important; display:block !important;} .responsive-menu-toggle { right:-13px !important; } } @media (max-width:1850px){ body.home .facebook { top: 500px !important; } .facebook{ top: 30px !important; } } @media (max-width:959px){ .page-id-530 .trailer_box .desc h2{ font-size:20px; bottom: 78px !important;} body.home .facebook{ margin-top:20% !important; } .facebook{ margin-top:20% !important; } .content_media h1{ font-size:45px !important; transition:ease 300ms;} .img_interna_4 h1{ font-size:45px !important; } .img_interna_5 h1{ font-size:45px !important; } .img_interna_6 h1{ font-size:45px !important; } .imagen_interna{ margin-top: 0px;} } @media (max-width:768px){ .tp-rightarrow{ top:60% !important;} .tp-leftarrow{ top:60% !important;} } @media (max-width:767px){ .page-id-530 .trailer_box .desc h2 {bottom: 121px !important; font-size:35px;} .tp-rightarrow{ top:50% !important;} .tp-leftarrow{ top:50% !important;} .boton_landing{ width:100%;} .boton_boda{ width:100%;} body.home .facebook{ margin-top:0% !important; margin: 8px; } .facebook{ margin-top:0% !important; margin: 8px; } .responsive-menu-toggle { right:-13px !important; } #Top_bar #menu ul li a span{ font-size:21px !important;} .title_home h1{ margin-bottom:40px; margin-top:40px;} .caja_eventos p{ font-family: 'blackjackregular'; color:#ebdebe; font-size:33px;} .paralax_bg{ background:url(../images/paralax_bg.jpg) !important;} .title_paralax h1{ font-size:50px !important;} .caja_1{width: 60% !important; } .caja_1:hover{ width: 60% !important; } .caja_2{width: 60% !important; } .caja_2:hover{ width: 60% !important;} .caja_3{width: 60% !important; } .caja_3:hover{ width: 60% !important;} .caja_4{width: 60% !important; } .caja_4:hover{ width: 60% !important;} .caja_1 p{width: 60% !important;} .caja_2 p{ width: 60% !important;} .caja_3 p{ width: 60% !important;} .caja_4 p{ width: 60% !important;} .img_interna_1{ width:60% !important;} .img_interna_2{ width:60% !important;} .img_interna_3{ width:60% !important;} .img_interna_1:hover{ width:60% !important;} .img_interna_2:hover{ width:60% !important;} .img_interna_3:hover{ width:60% !important;} .caja_interna_1{ width:100%; float:none; padding:10px 10px 10px 10px; box-sizing:border-box; } .img_interna_4{ float:none !important; margin:0 auto;} .img_interna_5{ float:none !important; margin:0 auto;} .img_interna_6{ float:none !important; margin:0 auto;} h1{ font-size:50px !important; line-height:30px !important;} video{ width:100% !important;} } @media (max-width:660px){ .caja_eventos p{ font-family: 'blackjackregular'; color:#ebdebe; font-size:30px;} } @media (max-width:480px){ .widget_nav_menu ul{ width:100%; float:right; margin-bottom:20px;} .widget_nav_menu ul li{ float:none; padding: 9px 21px; text-align: center !important; background:none; border-bottom: #c7bca1 1px solid;} #text-3 .textwidget{ width:100%; margin-top:20px; margin-left: 0; text-align:center;} .parque_diversiones{ width:100%; height:auto; text-align:center !important; } .parque_diversiones img{ margin-right:0; float:none; transition:ease 300ms; position:relative;} .parque_diversiones img:hover{ margin-right:0; float:none; transition:ease 300ms; position:relative;} .info{ width:80%; text-align:center; margin: 0 auto;} .caja_1{width: 80% !important; } .caja_1:hover{ width: 80% !important; } .caja_2{width: 80% !important; } .caja_2:hover{ width: 80% !important;} .caja_3{width: 80% !important; } .caja_3:hover{ width: 80% !important;} .caja_4{width: 80% !important; } .caja_4:hover{ width: 80% !important;} .caja_1 p{width: 80% !important; bottom:10px !important;} .caja_2 p{ width: 80% !important; bottom:10px !important;} .caja_3 p{ width: 80% !important;bottom:10px !important;} .caja_3 4{ width: 80% !important;bottom:10px !important;} .img_interna_1{ width:80% !important;} .img_interna_2{ width:80% !important;} .img_interna_3{ width:80% !important;} .img_interna_1:hover{ width:80% !important;} .img_interna_2:hover{ width:80% !important;} .img_interna_3:hover{ width:80% !important;} h1{ font-size:40px !important;} } @media (max-width:320px){ .caja_1 p{width: 80% !important; bottom:10px !important; font-size:23px !important;} .caja_2 p{ width: 80% !important; bottom:10px !important; font-size:23px !important;} .caja_3 p{ width: 80% !important;bottom:10px !important; font-size:23px !important;} .caja_4 p{ width: 80% !important;bottom:10px !important; font-size:23px !important;} } .title_home h1{ margin-bottom:40px;} .texto_inicio{ width: 100%; max-width: 1220px; height: auto; margin:0 auto; text-align:center; padding: 51px 20px 29px 20px; box-sizing:border-box;} .texto_inicio_interna{ max-width:1200px; width:100%; height:auto; margin:0 auto; text-align:center; padding: 37px 0 20px 0; line-height: 36px;} .texto_inicio_interna span{font-family: 'blackjackregular'; font-size:35px; color:#291710; font-weight:100 !important;} .texto_inicio_interna p{ font-family: 'champagne__limousinesregular'; font-size:24px; color:#895e31; font-weight:bold;} body.home .facebook{ background:url(../images/facebook.jpg); width:36px; height:35px; float:right; top: 769px; right: 0px; position: relative;} .facebook{ background:url(../images/facebook.jpg); width:36px; height:35px; float:right; top: 407px; right: 0px; position: relative;} .menu-toggle{ background:#7a4601;} #Top_bar #menu ul li a:hover{ color:#9d7137;} .inicio{ font-size:20px !important; font-family: 'champagne__limousinesregular' !important; color:#000; } .separador_1{ width:100%; height:18px; background:url(../images/separador_1.png); background-position:center;} .title_home{ text-align:center; margin: 81px 10px 40px 10px !important;} blockquote:after{ display:none;} .caja_1{width: 95%; height:auto; background: url(../images/boda.jpg); background-repeat: no-repeat; background-size: contain; margin:0 auto; transition:ease 300ms;} .caja_1:hover{ width: 95%; height: auto; background:url(../images/boda_over.jpg); background-repeat:no-repeat; background-size: contain;} .caja_1 p{ position:absolute; bottom:10px; text-align:center; width:95%; transition:ease 300ms;} .caja_2{width: 95%; height: auto; background: url('https://www.puebloantiguo.co.cr/wp-content/uploads/2016/01/eventos-corporativos.jpg'); background-repeat: no-repeat; background-size: contain; margin:0 auto; transition:ease 300ms;} .caja_2:hover{ width: 95%; height: auto; background:url('https://www.puebloantiguo.co.cr/wp-content/uploads/2018/12/eventos-corporativos-hover.jpg') ; background-repeat:no-repeat; background-size: contain;} .caja_2 p{ position:absolute; bottom:10px; text-align:center; width:95%; transition:ease 300ms;} .caja_4{width: 95%; height: auto; background: url('https://www.puebloantiguo.co.cr/wp-content/uploads/2016/01/asociacion-solidarista.jpg'); background-repeat: no-repeat; background-size: contain; margin:0 auto; transition:ease 300ms;} .caja_4:hover{ width: 95%; height: auto; background:url('https://www.puebloantiguo.co.cr/wp-content/uploads/2018/12/asociacion-solidarista-hover.jpg') ; background-repeat:no-repeat; background-size: contain;} .caja_4 p{ position:absolute; bottom:-10px; text-align:center; width:95%; transition:ease 300ms;} .caja_3{width: 95%; height: auto; background: url('https://www.puebloantiguo.co.cr/wp-content/uploads/2016/01/parque.jpg'); background-repeat: no-repeat; background-size: contain; margin:0 auto; transition:ease 300ms;} .caja_3:hover{ width: 95%; height: auto; background:url('https://www.puebloantiguo.co.cr/wp-content/uploads/2018/12/parque_over.jpg') ; background-repeat:no-repeat; background-size: contain;} .caja_3 p{ position:absolute; bottom:-10px; text-align:center; width:95%; transition:ease 300ms;} .caja_1:hover p{ font-size:0px;} .caja_2:hover p{ font-size:0px;} .caja_3:hover p{ font-size:0px;} .caja_4:hover p{ font-size:0px;} .title_paralax h1{ color:#FFF !important; text-align:center;} /* Section --------------------------------------------------------------------------- */ .tp-leftarrow{ background:url(../images/L.png) !important; width:50px !important; height:50px !important;} .tp-rightarrow{ background:url(../images/R.png) !important; width:50px !important; height:50px !important;} .tparrows.tp-leftarrow:before {content: '\e190' !important; opacity:0;} .tparrows.tp-rightarrow:before {content: '\e190' !important; opacity:0;} .responsive-menu-toggle{ /*background:url(../images/icon_menu.png) !important;*/ width:64px !important; height:71px !important; content: '\e190'; background-repeat: no-repeat !important;} .icon-menu:before{content: '\e183' !important; opacity:0 } .section[data-parallax="3d"] { overflow: hidden;} .section .mfn-parallax { position: absolute; left: 0; top: 0; max-width: none !important;} .wrap[data-parallax="3d"] { overflow: hidden; position:relative;} .wrap[data-parallax="3d"] > .column { position:relative;} .section.center { text-align: center;} .section.no-margin .column, .section.no-margin-v .column { margin-bottom:0;} .the_content_wrapper pre { margin-bottom: 20px;} /* Transparent ----------------------------------------------------------------------- */ .tr-content #Wrapper, .tr-content #Content { background:none;} .tr-header #Wrapper { background:none;} .tr-header #Header_wrapper { background:none !important;} .tr-footer #Wrapper { background:none;} .tr-footer #Footer { background:none !important;} /* Blank & Under Construction -------------------------------------------------------- */ .page.hide-title-area:not(.with_aside) #Content, .no-content-padding:not(.with_aside) #Content, .template-blank #Content, .under-construction #Content { padding:0 !important;} .under-construction .section-uc-1 { padding-top:40px; background-color:#fff;} .under-construction .section-uc-2 { padding-top:40px; background-color:#f5f5f5; background:url(../images/stripes/stripes_3_b.png) repeat center;} .under-construction .section-uc-3 { padding-top:40px;} .under-construction .section-border-top { border-top: 1px solid rgba(0, 0, 0, 0.08);} /* Nice Scroll | .nice-scroll -------------------------------------------------------- */ body.nice-scroll { position:relative;} body.nice-scroll:not(.layout-boxed) { padding-right:10px !important;} .nice-scroll #configurator, .nice-scroll #Sliding-top a.sliding-top-control, .nice-scroll .fixed-nav.fixed-nav-next { margin-right:10px;} .nice-scroll .nicescroll-rails { background:#666; z-index:9002 !important;} /* Slider | Pagination --------------------------------------------------------------- */ .slider_pagination, .tp-bullets.simplebullets.round { text-align: center; line-height: 0; } .slider_pagination a, .tp-bullets.simplebullets.round .bullet { display: inline-block; width: 12px; height: 12px; text-indent: -9999px; margin: 0 9px; background: rgba(0,0,0,.15); -webkit-border-radius: 100%; border-radius: 100%; position: relative; } .slider_pagination a:hover { background: rgba(0,0,0,.25); } .slider_pagination a.selected, .tp-bullets.simplebullets.round .bullet.selected { width: 10px; height: 8px; margin: 0px 10px 0; position: relative; top: 4px; background: rgba(0,0,0,.15); -webkit-border-radius: 2px; border-radius: 2px; } .slider_pagination a.selected:after, .tp-bullets.simplebullets.round .bullet.selected:after { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1px; border-radius: 1px; position: absolute; left: 1px; top: -3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tp-bullets.simplebullets.round .bullet { background: #fff;} /* Slider Revolution | Navigation ================================================== */ #mfn-rev-slider input { display: inline-block;} .tp-bullets.tp-thumbs { z-index: 29; } .fullwidthbanner-container .tp-thumbs { padding: 0 !important; } .tp-bullets.tp-thumbs .tp-mask, .tp-bullets.tp-thumbs .bullet { overflow: visible; } .tp-bullets.tp-thumbs .bullet.selected:after { bottom: -7px; content: ""; display: block; height: 7px; left: 0; position: absolute; width: 100%; } /* Arrows */ .tparrows.round, .tparrows.navbar { display: inline-block; padding: 0; width: 46px; height: 46px; cursor: pointer; border: 0; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.03); box-shadow:inset 0 0 0 1px rgba(0,0,0,.03); background-repeat: no-repeat; background-position: center center; } .tp-leftarrow.round, .tp-leftarrow.navbar { background-image: url(../images/tp-leftarrow.png); } .tp-rightarrow.round, .tp-rightarrow.navbar { background-image: url(../images/tp-rightarrow.png); } .tparrows.round:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; z-index: 1; text-decoration: none; background: rgba(0,0,0,.05); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .tparrows.round:hover:after { width: 100%; } .tparrows.default.preview1, .tparrows.default.preview4 { background: transparent;} /* #Sliding top ================================================== */ #Sliding-top { position: absolute; left: 0; top: 0; width: 100%; z-index: 800; } #Sliding-top:after { content: ""; height: 3px; width: 100%; display: block; position: absolute; left: 0; bottom: -3px; z-index: 1; background: url(../images/box_shadow.png) repeat-x left top; } #Sliding-top .widgets_wrapper { padding: 15px 0; display: none; } #Sliding-top .widgets_wrapper .column { margin-bottom: 0; } #Sliding-top .widgets_wrapper .widget { margin-bottom: 0; padding: 15px 0; } #Sliding-top .widgets_wrapper .widget:after { display: none; } #Sliding-top a.sliding-top-control { display: block; width: 0; height: 0; border-style: solid; border-width: 0 45px 45px 0; border-color: transparent transparent transparent transparent; position: absolute; z-index: 801; right: 0; bottom: -45px; } #Sliding-top a.sliding-top-control span { display: block; width: 26px; height: 30px; line-height: 25px; text-align: center; position: absolute; right: -45px; top: 0; color: #fff; font-size: 18px; } #Sliding-top a.sliding-top-control .minus { display: none; } #Sliding-top a.sliding-top-control .plus { display: block; } #Sliding-top.active a.sliding-top-control .minus { display: block; } #Sliding-top.active a.sliding-top-control .plus { display: none; } /* Sliding top - center */ #Sliding-top.st-center a.sliding-top-control { border-color: transparent; } #Sliding-top.st-center a.sliding-top-control { border-width: 45px 45px 0; left: 50%; right: auto; margin-left: -22px; margin-right: 0; } #Sliding-top.st-center a.sliding-top-control span { left: -14px; top: -45px; } /* Sliding top - center */ #Sliding-top.st-left a.sliding-top-control { border-color: transparent; } #Sliding-top.st-left a.sliding-top-control { border-width: 45px 45px 0 0; left: 0; right: auto; margin-right: 0; } #Sliding-top.st-left a.sliding-top-control span { left: -3px; top: -45px; } /* #Sliding-top .widgets_wrapper .widget ul { margin: 0 0 15px 30px; line-height: 21px; } #Sliding-top .widgets_wrapper .widget ul li { list-style:disc outside; padding: 3px 0; } */ /* Widgets */ #Sliding-top .Recent_posts ul li .desc { background: rgba(0,0,0,.1); } #Sliding-top .widget_mfn_menu ul li a { background: rgba(0,0,0,.1); color: #ccc; } #Sliding-top .widget_recent_entries ul li { background: rgba(0,0,0,.1); } #Sliding-top ul.list_mixed li:after, #Sliding-top ul.list_check li:after, #Sliding-top ul.list_star li:after, #Sliding-top ul.list_idea li:after { background: rgba(255,255,255,.08); } #Sliding-top .widget_mfn_recent_comments ul li .date_label { background-color: rgba(0,0,0,.07); } #Sliding-top .widget_mfn_recent_comments ul li .date_label:after { border-left-color: rgba(0,0,0,.07); } /* #Pager ================================================== */ .pager_wrapper { margin-bottom: 0; } .pager { text-align: center; } .pager .pages { display: inline-block; margin: 20px 30px 0; padding: 4px 3px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f8f8f8; background-image: url(../images/stripes/stripes_3_b.png); } .pager .pages a, .pager .pages span.page-numbers { display: inline-block; margin: 0 1px; width: 35px; height: 35px; line-height: 35px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; } .pager .pages a:hover { text-decoration: none; } .pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current { color: #fff; } .pager a.next_page, .pager a.prev_page { display: inline-block; line-height: 43px; } /* Animation */ .pager .pages a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* #Load more button ================================================== */ .pager_lm { background: url("../images/preloader.gif") no-repeat center 17px; text-align:center;} .pager_lm .pager_load_more { margin: 20px 0;} .pager_lm.loading { min-height:49px;} .pager_lm:not(.loading) { background: none;} /* #Pager single (blog post) ================================================== */ .pager-single { text-align: center; background: rgba(0, 0, 0, 0.02); margin-top: 15px; } .pager-single span { height: 45px; line-height: 45px; display: inline-block; padding: 0 9px; position: relative; font-weight: bold; } .pager-single a span { font-weight: normal; } .pager-single span:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; } .pager-single a span:after { display: none; } /* #Fixed nav ================================================== */ .post-nav .fixed-nav { display: none; } .fixed-nav { position: fixed; bottom: 40px; height: 80px; z-index: 90; } .fixed-nav.fixed-nav-prev { left: 0; } .fixed-nav.fixed-nav-next { right: 0; } .fixed-nav .arrow { display: block; width: 35px; height: 80px; font-size: 15px; position: relative; z-index: 92; color: #fff;line-height: 80px; text-align: center; } .fixed-nav .photo { height: 80px; width: 80px; position: relative; z-index: 92; overflow: hidden; line-height: 0; } .fixed-nav .desc { width: 190px; padding: 6px 15px; min-height: 68px; background: #fff; z-index: 91; } .fixed-nav .desc h6 { margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; } .fixed-nav .desc i { display: inline-block; margin-right: 2px; } .fixed-nav .desc i:before { margin-left: 0; } .fixed-nav-prev .arrow, .fixed-nav-prev .photo, .fixed-nav-prev .desc { float: left; } .fixed-nav-prev .desc { margin-left: -335px; } .fixed-nav-prev:hover .desc { margin-left: 0px; } .fixed-nav-next .arrow, .fixed-nav-next .photo, .fixed-nav-next .desc { float: right; } .fixed-nav-next .desc { margin-right: -335px; } .fixed-nav-next:hover .desc { margin-right: 0px; } /* Animation */ .fixed-nav .photo, .fixed-nav .desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: a-in-out; } /* Format */ .fixed-nav.format-quote .desc { display: none; } .fixed-nav.format-quote .photo { background-color: #eee; background-image: url("../images/blockquote.png"); background-position: center center; background-repeat: no-repeat; background-size: 50% auto; } .fixed-nav.format-link .photo img { display: none; } .fixed-nav.format-link .photo { background-color: #eee; background-image: url("../images/link.png"); background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width: 1430px) { .fixed-nav-prev .photo { position: static; margin-left: -115px; } .fixed-nav-prev:hover .photo { margin-left: 0; } .fixed-nav-next .photo { position: static; margin-right: -115px; } .fixed-nav-next:hover .photo { margin-right: 0; } } /* #Filters ================================================== */ #Filters { margin-bottom: 30px; } #Filters .filters_buttons { padding: 15px 15px; margin:0; font-size:100%; background-image: url(../images/stripes/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #Filters .filters_buttons li { float: left; margin: 0 15px 0 0; list-style:none; } #Filters .filters_buttons li.categories i, #Filters .filters_buttons li.tags i { margin-right: 3px; } #Filters .filters_buttons li.reset { float: right; margin-right: 0; } #Filters .filters_wrapper { display: none; margin-top: 20px; } #Filters .filters_wrapper ul { display:none; overflow:hidden; margin:0;} #Filters .filters_wrapper ul li { display:inline-block; width: 19%; margin: 0.5%; list-style:none; } #Filters .filters_wrapper ul li a { display: block; padding: 7px 10px; background: #fff; border: 1px solid #F7F7F7; color: #858585; } #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a { text-decoration: none; color: #fff; } #Filters .filters_wrapper ul li.close a { text-align: center; width: 38px; padding: 7px 0; background: #8B8B8B; border: 1px solid #F7F7F7 !important; color: #fff; } #Filters .filters_wrapper ul li.close a:hover { background: #545454; } #Filters .filters_wrapper li.reset-inner { display: none; } #Filters.only .filters_buttons { display:none;} #Filters.only .filters_wrapper { display:block;} #Filters.only li.reset-inner { display:inline-block;} #Filters.only li.close { display:none !important;} #Filters.only-categories .categories { display:block;} #Filters.only-categories .tags { display:none !important;} #Filters.only-categories .authors { display:none !important;} #Filters.only-tags .categories { display:none !important;} #Filters.only-tags .tags { display:block;} #Filters.only-tags .authors { display:none !important;} #Filters.only-authors .categories { display:none !important;} #Filters.only-authors .tags { display:none !important;} #Filters.only-authors .authors { display:block;} /* Animations */ #Filters .filters_wrapper ul li a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Section: Highlight ================================================== */ .highlight-left, .highlight-right { position:relative;} .highlight-left:after, .highlight-right:after { content:""; position:absolute; width:50%; height:100%; top:0; } .highlight-left:after { left:0; } .highlight-right:after { right:0; } .highlight-left .section_wrapper, .highlight-right .section_wrapper { z-index:2;} @media only screen and (max-width: 767px) { .highlight-left:after, .highlight-right:after { content:none;} } /* Header ---------------------------------------------------------------------------- */ body:not(.template-slider) #Header_wrapper { background-repeat: no-repeat; background-position: top center;} body:not(.template-slider) #Header_wrapper.bg-fixed { background-attachment:fixed;} #Header_wrapper { position:relative; } #Header { position:relative;} body:not(.template-slider) #Header { min-height: 250px;} /* .header_placeholder */ .header-empty .header_placeholder, .header-fixed .header_placeholder, .header-modern .header_placeholder, .header-semi .header_placeholder, .header-transparent .header_placeholder { height:0 !important;} .tr-menu .header_placeholder { height:0 !important;} /* .minimalist-header */ body.minimalist-header:not(.template-slider) #Header { min-height:0; background-image:none !important;} body.minimalist-header.header-modern:not(.template-slider) #Header { min-height:147px;} body.minimalist-header.header-simple:not(.template-slider) #Header { min-height:130px;} body.minimalist-header.header-stack:not(.template-slider) #Header { min-height:0;} body.minimalist-header.header-fixed:not(.template-slider) #Header { min-height:60px;} body.minimalist-header.header-below:not(.template-slider) #Header { min-height: 90px; padding-top: 0;} .minimalist-header-no #Header { min-height:0 !important;} /* Action Bar ------------------------------------------------------------------------ */ #Action_bar { position: absolute; left: 0; top: 0; width: 100%; z-index: 30; } #Action_bar .column { margin-bottom: 0; overflow: hidden; } #Action_bar .contact_details { float: left; } #Action_bar .contact_details li { display: inline-block; margin-right: 10px; padding: 20px 0; color: rgba(255, 255, 255, 0.5); } #Action_bar .contact_details li > i { margin-right: 2px; } #Action_bar .contact_details li:last-child { margin-right: 0px; } #Action_bar .social { float: right; padding: 20px 0; } #Action_bar .social li { display: inline-block; margin-right: 6px; } #Action_bar .social li:last-child { margin-right: 0px; } #Action_bar .social li a { color: rgba(255,255,255,.3); font-size: 15px; line-height: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Action_bar .social li a:hover { color: rgb(255,255,255); } #Action_bar .social-menu { float: right; padding: 20px 0; } #Action_bar .social-menu li { display: inline-block; margin-right: 6px; padding-right: 6px; border-right: 1px solid rgba(255,255,255,.1); } #Action_bar .social-menu li:last-child { margin-right: 0px; padding-right: 0; border-right: 0; } /* Top Bar --------------------------------------------------------------------------- */ #Top_bar { position: absolute; left: 0; width: 100%; z-index: 30; } #Top_bar .column { margin-bottom: 0; } .layout-full-width.header-fw #Action_bar .container, .layout-full-width.header-fw #Top_bar .container { max-width:100%;} #Top_bar .top_bar_left { position: relative; float: right !important;} #Top_bar .top_bar_right { float: right; height: 90px; position: relative; top: -4px; padding: 0 10px 0 20px; display:none;} #Top_bar .top_bar_right:before { content: ""; display: block; height: 90px; width: 10px; position: absolute; left: -10px; top: 2px; background-image: url(../images/top_bar_right_shadow.png); background-repeat: repeat-y; -moz-transform: skewX(0deg) skewY(-25deg); -webkit-transform: skewX(0deg) skewY(-25deg); -o-transform: skewX(0deg) skewY(-25deg); -ms-transform: skewX(0deg) skewY(-25deg); transform: skewX(0deg) skewY(-25deg); } .ie #Top_bar .top_bar_right:before { width: 11px; } /* Top bar width */ #Top_bar .top_bar_left { width: 990px; } /* Logo */ #Top_bar .logo { float: left; margin: 0 30px 0 20px;} #Top_bar .logo h1 { margin: 0;} #Top_bar .logo:not(.text-logo) h1 { line-height: 0; font-size: 0; margin: 0;} #Top_bar #logo { display: block; height: 154px; line-height:151px; padding: 15px 0px; } /* overflow: hidden; */ #Top_bar #logo:hover { text-decoration: none; } #Top_bar #logo img { vertical-align:middle; max-height:100%; } #Top_bar #logo img.logo-sticky, #Top_bar #logo img.logo-mobile { display:none;} /* Menu wrapper */ #Top_bar .menu_wrapper { float: left; z-index: 201;} /* Secondary menu wrapper */ #Top_bar .secondary_menu_wrapper { display: none; } /* Menu responsive */ #Top_bar a.responsive-menu-toggle { display: none; z-index:202; } /* Banner */ #Top_bar .banner_wrapper { display: none; } /* Search wrapper */ #Top_bar .search_wrapper { position: absolute; left: 0; top: 100%; display: none; z-index: 201; width: 100%; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .search_wrapper input[type="text"] { width: 100%; margin: 0; box-sizing: border-box; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding-left: 35px; background: none; border-width: 0 0 1px 0; border-style: solid; border-color: rgba(255,255,255,.08) !important; font-size: 15px; } #Top_bar .search_wrapper input[type="text"]:focus { background-color: transparent !important; } #Top_bar .search_wrapper .icon_search, #Top_bar .search_wrapper .icon_close { position: absolute; top: 25px; font-size: 20px; line-height: 20px; display: block; } #Top_bar .search_wrapper .icon_search { left: 18px; color: rgba(0,0,0,.5); } #Top_bar .search_wrapper .icon_close { right: 18px; color: #fff; opacity: 0.3; filter: alpha(opacity=30); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #Top_bar .search_wrapper .icon_close:hover { right: 18px; opacity: 1; filter: alpha(opacity=100); } /* Cart */ #Top_bar a#header_cart { position: relative; top: 34px; display: block; float:left; font-size: 20px; line-height: 20px; margin-right: 15px; } #Top_bar a#header_cart span { position: absolute; right: -9px; top: -7px; display: block; -webkit-border-radius: 3px; border-radius: 3px; width: 17px; height: 17px; line-height: 17px; text-align: center; font-size: 11px; color: #fff; } /* Search */ #Top_bar a#search_button { position: relative; top: 34px; display: block; float:left; font-size: 20px; line-height: 20px; margin-right: 10px; } #Top_bar a#search_button.has-input input { display: inline-block; margin: -5px 0 0; padding: 8px; position: relative; top: -2px; width: 130px; } #Top_bar a.button.action_button { top: 23px; margin: 0 10px 0 0; color: #fff; } /* WPML */ #Top_bar .wpml-languages { display: block; float:left; position: relative; top: 25px; z-index: 210; margin-right: 10px; } #Top_bar .wpml-languages a.active { display: block; padding: 8px 6px 8px 10px; border-width: 1px; border-style: solid; border-color: #e8e8e8; -webkit-border-radius: 5px; border-radius: 5px; } #Top_bar .wpml-languages.disabled a.active { padding: 8px 10px; } #Top_bar .wpml-languages a.active i { font-size: 14px; line-height: 14px; margin: 0 0 0 5px; } #Top_bar .wpml-languages a.active i:before { margin: 0; } #Top_bar .wpml-languages a:hover.active { text-decoration: none; } #Top_bar .wpml-languages.enabled:hover a.active { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 0; } #Top_bar .wpml-languages ul.wpml-lang-dropdown { position: absolute; left: 0; top: 100%; width: 100%; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; z-index: 205; overflow: hidden; display: none; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } #Top_bar .wpml-languages ul.wpml-lang-dropdown li:last-child { border-bottom: 0; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li a { font-size: 12px; display: block; text-align: center; padding: 4px 0px; color: #8B8B8B; } #Top_bar .wpml-languages ul.wpml-lang-dropdown li a:hover { text-decoration: none; color: #5F5F5F; background: rgba(0,0,0,.03); } #Top_bar .wpml-languages:hover { height: auto; } #Top_bar .wpml-languages:hover ul.wpml-lang-dropdown { display: block; } #Top_bar .wpml-languages a.active, #Top_bar .wpml-languages ul.wpml-lang-dropdown { background: #fff; } #Top_bar .wpml-languages.horizontal { display: block; padding: 8px 10px; border:1px solid #e8e8e8; background:#fff; -webkit-border-radius: 5px; border-radius: 5px; } #Top_bar .wpml-languages.horizontal ul li { float:left; margin-right:6px; } #Top_bar .wpml-languages.horizontal ul li:last-child { margin-right:0; } /* #menu ================================================== */ /* main menu 1st level */ #menu-item-34, #menu-item-567{ background:url(../images/bg_submenu_borde.png) no-repeat !important;} #menu-item-7 { background:none !important;} #Top_bar .menu > li ul{ background-color: inherit !important;} #Top_bar #menu { z-index: 201;} #Top_bar .menu { z-index: 202; margin-top: 40px; margin-right:} #Top_bar .menu > li { margin: 0; z-index: 203; display: block; float: left; } #Top_bar .menu > li:not(.mfn-megamenu-parent) { position: relative; background:url(../images/icono_menu.png) no-repeat;} #Top_bar .menu > li.hover { z-index: 204; } #Top_bar .menu > li > a { display: block; line-height: 60px; padding: 15px 0; position: relative; } #Top_bar .page-menu > li > a { padding: 15px 20px; } /* default WP Pages Menu */ #Top_bar .menu > li > a:after { content: ""; height: 4px; width: 100%; position: absolute; left: 0; top: -4px; z-index: 203; opacity: 0; filter: alpha(opacity=0); } #Top_bar .menu > li > a span:not(.description) { display: block; line-height:8px; padding: 0 20px 0 25px; white-space: nowrap; border-right-width: 1px;} #Top_bar .menu > li > a span.description { font-size:11px; line-height:12px !important; margin:-15px -15px 0; color:#aaa; font-weight:300; text-align:center; display:block;} #Top_bar .menu > li:last-child > a span { border: 0; } #Top_bar .menu > li > a:hover { text-decoration: none; } .menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description) { padding-right:30px; } .menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description):after { content:""; display:block; width:0; height:0; position:absolute; top:50%; right:10px; margin-top:-2px; border-top:5px solid #ccc; border-left:5px solid transparent; border-right:5px solid transparent; } .menu-highlight #Top_bar .menu > li.current-menu-item > a, .menu-highlight #Top_bar .menu > li.current_page_item > a, .menu-highlight #Top_bar .menu > li.current-menu-parent > a, .menu-highlight #Top_bar .menu > li.current-page-parent > a, .menu-highlight #Top_bar .menu > li.current-menu-ancestor > a, .menu-highlight #Top_bar .menu > li.current_page_ancestor > a, .menu-highlight #Top_bar .menu > li.hover > a { color: #fff; } /* Animation */ #Top_bar .menu > li > a, #Top_bar .menu > li > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Top_bar .menu > li.current-menu-item > a:after, #Top_bar .menu > li.current_page_item > a:after, #Top_bar .menu > li.current-menu-parent > a:after, #Top_bar .menu > li.current-page-parent > a:after, #Top_bar .menu > li.current-menu-ancestor > a:after, #Top_bar .menu > li.current_page_ancestor > a:after, #Top_bar .menu > li.hover > a:after { opacity: 1; filter: alpha(opacity=100); } /* main menu 2nd level */ #Top_bar .menu li ul { position: absolute; left: 0px; top: 100%; z-index: 205; margin: 0; display: none; background-image: url(../images/box_shadow.png); background-repeat: repeat-x; background-position: left top; } #Top_bar .menu li > ul { margin-left: 19px;} #Top_bar .menu li ul li { padding: 0; width: 190px; position: relative; font-weight: normal; font-size: 16px; text-align:center; background:url(../images/bg_submenu.png);} #Top_bar .menu li ul li a { padding: 10px 10px 10px 20px; display: block; border-top: 1px solid rgba(0, 0, 0, 0.05);} #Top_bar .menu li ul li a span { display: inline-block; position: relative; right: 6px; font-size:16px !important;} #Top_bar .menu li ul li a .menu-arrow { position: absolute; right: 7px; top: 11px; font-size: 12px; color: rgba(0, 0, 0, 0.35); } #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { text-decoration: none; background:inherit !important; } /* main menu 3rd level */ #Top_bar .menu li ul li ul { position: absolute; left: 190px; top: 0px; z-index: 204; } .menuo-last #Top_bar .menu > li.last ul { right: 0px; left: auto; -webkit-box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.03); box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.03); } .menuo-last #Top_bar .menu > li.last ul li ul { right: 190px; } /* Animation */ #Top_bar .menu li ul li a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* #secondary menu ================================================== */ #Header #menu-secondary-menu { z-index: 220; } #Header .secondary-menu { z-index: 221; } #Header .secondary-menu > li { margin: 0; z-index: 222; display: block; float: left; position: relative; padding: 8px 9px; line-height: 100%; -webkit-border-radius: 4px; border-radius: 4px; } #Header .secondary-menu > li.submenu { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #Header .secondary-menu > li > a { display: block; } #Header .secondary-menu > li > a:hover { text-decoration: none; } #Header .secondary-menu li ul { position: absolute; left: 0px; padding: 7px; top: 100%; z-index: 223; margin: 0; display: none; -webkit-border-radius: 0px 4px 4px 4px; border-radius: 0 4px 4px 4px; } #Header .secondary-menu li ul li {} #Header .secondary-menu li ul li:last-child { border-bottom: 0; } #Header .secondary-menu li ul li a { display: block; text-align: center; white-space: nowrap; padding: 6px 8px; } #Header .secondary-menu li ul li a:hover { text-decoration: none; } #Header .secondary-menu > li > a { color: #A8A8A8; } #Header .secondary-menu > li.hover, #Header .secondary-menu li ul { background: #F9F9F9; } #Header .secondary-menu li ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } #Header .secondary-menu li ul li a { color: #8B8B8B; } #Header .secondary-menu li ul li a:hover { color: #5F5F5F; background: rgba(255, 255, 255, 0.8); } /* Header styles --------------------------------------------------------------------- */ /* Header | Default */ .tr-menu .top_bar_left, .tr-menu .top_bar_right, .tr-menu .top_bar_right:before { background:none !important;} /* Header | Classic */ .header-classic {} .header-classic #Header .top_bar_left, .header-classic #Header .top_bar_right { background-color: transparent; } .header-classic #Top_bar { position: static; background-color: #fff;} .header-classic #Top_bar .top_bar_right { top: 0; } .header-classic #Top_bar .top_bar_right:before { display: none; } .header-classic #Action_bar { position: static; background-color: #2C2C2C;} .header-classic #Action_bar .contact_details li, .header-classic #Action_bar .social, .header-classic #Action_bar .social-menu { padding: 12px 0; } /* Header | Fixed */ .header-fixed {} @media only screen and (min-width: 768px) { .header-fixed #Action_bar { position:fixed; top:0; left:0; background-color: #2c2c2c; } .header-fixed #Action_bar .contact_details li, .header-fixed #Action_bar .social, .header-fixed #Action_bar .social-menu { padding: 5px 0; } .header-fixed #Top_bar { position:fixed; width:100%; left:0; top: 0 !important; height:60px; z-index:701; background:#fff; opacity:.97; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);} .header-fixed.ab-show #Top_bar { top: 31px !important;} .header-fixed #Top_bar .top_bar_left, .header-fixed #Top_bar .top_bar_right, .header-fixed #Top_bar .top_bar_right:before { background:none;} .header-fixed #Top_bar .top_bar_right { top:-4px;} .header-fixed #Top_bar .logo { width:auto; margin: 0 30px 0 20px; padding:0;} .header-fixed #Top_bar #logo { padding:5px 0; height:50px; line-height:50px;} .header-fixed #Top_bar #logo img { max-height:35px;} .header-fixed #Top_bar .menu_wrapper { clear:none;} .header-fixed #Top_bar .menu_wrapper .menu > li > a { padding:15px 0;} .header-fixed #Top_bar .menu > li > a, .header-fixed #Top_bar .menu > li > a span { line-height:30px;} .header-fixed #Top_bar .menu > li > a:after { top:auto; bottom:-4px;} .header-fixed #Top_bar .menu > li > a span.description { margin-top:-5px;} .header-fixed #Top_bar #header_cart { top:27px;} .header-fixed #Top_bar #search_button { top:25px;} .header-fixed #Top_bar .wpml-languages { top:15px;} .header-fixed #Top_bar .secondary_menu_wrapper { display:none;} .header-fixed #Top_bar .responsive-menu-toggle { top:12px;} .tr-menu.header-fixed #Top_bar:not(.is-sticky) { background:none !important; box-shadow:0 0 0 0 transparent;} .tr-menu.header-fixed.minimalist-header:not(.template-slider) #Header { min-height:91px;} } /* Header | Below */ .header-below {} .header-below #Header .top_bar_left, .header-below #Header .top_bar_right { background-color: transparent; } body.header-below:not(.template-slider) #Header { min-h-below #Top_bar .top_bar_right { top: 0; } .header-below #Top_bar .top_bar_right:before { display: none; } .header-below #Action_bar { position:static; } /* Header | Plain */ .header-plain {} .header-plain #Top_bar { border-bottom-width: 1px; border-style: solid; } .header-plain #Header .top_bar_left, .header-plain #Header .top_bar_right { background-color: transparent; } .header-plain #Top_bar { position: static; } .header-plain #Top_bar .one.column { width: 100%; margin: 0; } .header-plain #Top_bar .top_bar_right { top: 0; } .header-plain #Top_bar .top_bar_right:before { display: none; } .header-plain #Action_bar { position: static; } .header-plain #Action_bar .contact_details li, .header-plain #Action_bar .social, .header-plain #Action_bar .social-menu { padding: 12px 0; } /* Logo */ .header-plain #Top_bar #logo { height: 50px; line-height: 50px; } /* Header plain - Menu */ .header-plain #Top_bar .menu_wrapper { float: right; } .header-plain #Top_bar .menu_wrapper { margin-right: -10px; } .header-plain #Top_bar .menu > li > a { padding-top: 0 !important; padding-bottom: 0 !important; } .header-plain #Top_bar .menu > li > a:after { display: none; } .header-plain #Top_bar .menu > li > a span:not(.description) { line-height: 80px; padding: 0px 30px; } .header-plain #Top_bar .menu > li:first-child > a span:not(.description) { border-left-width: 1px; } .header-plain #Top_bar .top_bar_right { padding: 0; height: 80px; } .header-plain #Top_bar a.responsive-menu-toggle { top: 23px; } /* Header plain - Options */ .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button { margin-right: 0; top: 0px; border-left-width: 1px; border-style: solid; } .header-plain #Top_bar a#header_cart span { right: 15px; top: 25px; } .header-plain #Top_bar .wpml-languages { top: 0; margin: 0; border-left-width: 1px; border-style: solid; } .header-plain #Top_bar .wpml-languages a.active { border: 0; padding: 0; } .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown li a { line-height: 40px; } .header-plain #Top_bar .wpml-languages a.active { background: none; } .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown { border: 0; border-radius: 0; } .header-plain #Top_bar a.button.action_button { margin: 0; top: 0; border-radius: 0px; border-left-width: 1px; border-style: solid; } .header-plain #Top_bar .menu > li > a span:not(.description) { line-height: 80px; padding: 0px 30px; } .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button { padding: 0 25px; line-height: 80px; } .header-plain #Top_bar .wpml-languages { padding: 0 25px; height: 80px; line-height: 80px; } .header-plain #Top_bar a.button.action_button { line-height: 80px; } .header-plain #Top_bar a.button.action_button .button_label { padding: 0 30px; } /* Header plain sticky */ .header-plain #Top_bar.is-sticky .menu > li > a span:not(.description) { line-height: 60px; } .header-plain #Top_bar.is-sticky a#header_cart, .header-plain #Top_bar.is-sticky a#search_button { padding: 0 25px; line-height: 60px; } .header-plain #Top_bar.is-sticky .wpml-languages { padding: 0 25px; height: 60px; line-height: 60px; } .header-plain #Top_bar.is-sticky a.button.action_button { line-height: 60px; } .header-plain #Top_bar.is-sticky a.button.action_button .button_label { padding: 0 25px; } .header-plain #Top_bar.is-sticky .top_bar_right { padding: 0; height: 60px; top: 0; } .header-plain #Top_bar.is-sticky .wpml-languages { top: 0; } .header-plain #Top_bar.is-sticky a.button.action_button { top: 0px; } /* Colors */ .header-plain #Action_bar { background-color: #2C2C2C; } .header-plain #Top_bar { background-color: #fff; } .header-plain #Top_bar, .header-plain #Top_bar .menu > li > a span:not(.description), .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button, .header-plain #Top_bar .wpml-languages, .header-plain #Top_bar a.button.action_button { border-color: #f2f2f2;} /* Header | Split */ .header-split {} .header-split #Header .top_bar_left { width: 100% !important; } .header-split #Header .top_bar_left, .header-split #Header .top_bar_right { background-color: transparent; } .header-split #Header .top_bar_left .menu_wrapper { width: 100%; } .header-split #Header .top_bar_left .menu_left { float: left; width: 38%; text-align: center; } .header-split #Header .top_bar_left .menu_right { float: right; width: 38%; text-align: center; } .header-split #Header .top_bar_left .menu > li { display: inline-block; float: none; } .header-split #Header .top_bar_left .logo { width: 100%; margin: 0; text-align: center; } @media only screen and (min-width: 1240px) { .header-split #Header .top_bar_left .logo { position: absolute; left: 38%; width: 24%; } } .header-split #Top_bar .top_bar_right { position:absolute; top:0; right:-28px; padding:0; } .header-split #Top_bar a.action_button, .header-split #Top_bar a#header_cart, .header-split #Top_bar .wpml-languages { display: none; } .header-split #Top_bar .top_bar_right:before { display: none; } .header-split #Top_bar { position: static; background-color: #fff;} .header-split #Action_bar { position: static; background-color: #2C2C2C;} .header-split #Action_bar .contact_details li, .header-split #Action_bar .social, .header-split #Action_bar .social-menu { padding: 12px 0; } /* Header | Stack */ .header-stack {} .header-stack #Header .top_bar_left { width: 100% !important; } /**/ .header-stack #Header .top_bar_left, .header-stack #Header .top_bar_right { background-color: transparent; } .header-stack #Top_bar { position: static; background-color: #fff;} .header-stack #Top_bar .logo { width: 100%; margin: 0; padding: 0 30px; text-align: left; border-bottom-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /**/ .header-stack.header-center #Top_bar .logo { text-align: center; } .header-stack.header-center #Top_bar .menu_wrapper { text-align: center; line-height:0;} .header-stack.header-center #Top_bar #menu { line-height:21px; line-height:initial; text-align:left; text-align:initial;} .header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper { width:100%;} .header-stack.header-right #Top_bar .logo { text-align: right; } .header-stack #Top_bar .logo #logo { display: inline-block; height: auto; } /**/ .header-stack #Top_bar .menu_wrapper { clear: both; } /**/ .header-stack #Top_bar .menu_wrapper .menu > li > a { padding: 0; } /**/ .header-stack #Top_bar .menu > li > a span.description { margin-bottom:10px;} .header-stack #Top_bar .top_bar_right { position: absolute; right: 0; bottom: -16px; top: auto; } /**/ .header-stack #Top_bar .top_bar_right:before { display: none; } .header-stack #Top_bar .secondary_menu_wrapper { position: absolute; right: 20px; top: 35px; display: block; } /**/ .header-stack.header-right #Top_bar .secondary_menu_wrapper { left: 20px; right: auto; } /**/ .header-stack #Action_bar { position: static; background-color: #2C2C2C;} .header-stack #Action_bar .contact_details li, .header-stack #Action_bar .social, .header-stack #Action_bar .social-menu { padding: 12px 0; } body.header-stack:not(.template-slider) #Header { min-height: 315px; } /* Header | Magazine */ .header-magazine {} .header-magazine #Top_bar .logo { border: 0; } .header-magazine #Top_bar .top_bar_right:before { display: none; } .header-magazine #Top_bar .secondary_menu_wrapper { display: none; } .header-magazine #Top_bar .banner_wrapper { display: block; position: absolute; right: 20px; top: 20px; width: 468px; height: 60px; text-align: right; } .header-magazine #Top_bar .banner_wrapper a { display: block; line-height: 0; } .header-magazine #Top_bar .banner_wrapper img { display: inline-block; max-width: 100%; height: auto; max-height: 60px; } .header-simple {} .header-simple #Top_bar .top_bar_left { width:100% !important; background:none;} .header-simple #Top_bar:not(.is-sticky) .top_bar_left { top:-40px;} .header-simple.ab-show #Top_bar:not(.is-sticky) .top_bar_left { top:-30px;} .header-simple #Top_bar .top_bar_right, .header-simple #Top_bar .top_bar_right:before { display: none; } .header-simple #Top_bar .menu > li > a span.description { margin:0 0 0 5px;} .header-simple.ab-hide #Action_bar { display: none; } .header-empty {} .header-empty #Header { position:static; min-height:0 !important;} .header-empty #Subheader { display:none;} .header-empty #Content { padding:0 !important;} .header-transparent {} .header-transparent #Top_bar .top_bar_left, .header-transparent #Top_bar .top_bar_right, .header-transparent #Top_bar .top_bar_right:before { background:none; float: right ;} .header-transparent #Top_bar .top_bar_right { top:-15px; display:none;} .header-transparent #Top_bar #logo { padding:0;} .header-transparent #Top_bar a.responsive-menu-toggle { top:10px;} .header-transparent #Top_bar .menu > li > a { padding:0;} .header-transparent #Top_bar .menu > li > a:after { background:none;} .header-transparent #Top_bar .menu > li > a span { border-color: rgba(0, 0, 0, 0.03); font-family: 'champagne__limousinesregular' !important;} .header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg) { background-image:none; right:13px;} .header-transparent.ab-hide #Top_bar { top:30px;} .header-overlay.ab-hide #Top_bar { top:40px;} .header-overlay #Top_bar #logo { height:auto;} .header-overlay .top_bar_right { display:none;} .header-overlay .overlay-menu-toggle { position:absolute; right:40px; top:40px; font-size:30px; z-index:9911;} .header-overlay .overlay-menu-toggle.focus { color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .header-overlay .overlay-menu-toggle .close { display:none;} .header-overlay .overlay-menu-toggle.focus .open { display:none;} .header-overlay .overlay-menu-toggle.focus .close { display:block;} .header-overlay.sticky-header .overlay-menu-toggle { position:fixed; margin-right:10px;} /* #Overlay | Menu Overlay ================================================== */ #Overlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9910; background:rgba(41,145,214,.95); display:none;} #overlay-menu { position:absolute; width:700px; left:50%; margin-left:-350px; top:50%; margin-top:-150px;} #overlay-menu ul li { text-align:center;} #overlay-menu ul li a { color:#fff; font-size:34px; line-height:52px; letter-spacing:3px; text-decoration:none;} #overlay-menu ul li a:hover { opacity: .8;} #overlay-menu ul li a:before, #overlay-menu ul li a:after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } #overlay-menu ul li a:before {margin-right: 20px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } #overlay-menu ul li a:after { margin-left: 20px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } #overlay-menu ul li a:hover:before, #overlay-menu ul li a:hover:after, #overlay-menu ul li a:hover:before, #overlay-menu ul li a:hover:after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } /* #Subheader ================================================== */ #Subheader { background-color: rgba(0,0,0, .02); background-position: center top; background-repeat:no-repeat; padding: 30px 0; position: relative; } .subheader-transparent #Subheader { background:none; } .hide-title-area #Subheader { display:none;} #Subheader .column { margin-bottom: 0; } #Subheader .title { margin-bottom: 0; width: 70%; float: left; } #Subheader ul.breadcrumbs { display: block; width: 30%; margin: 1px 0 0; font-size: 1em !important; float: right; text-align: right; } #Subheader ul.breadcrumbs li { display: inline-block; } #Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a { color: rgba(0, 0, 0, .3); } #Subheader ul.breadcrumbs li span { margin: 0 10px; opacity: 0.4; filter: alpha(opacity=40); } #Subheader:after { content: ""; height: 3px; width: 100%; display: block; position: absolute; left: 0; bottom: -3px; z-index: 1; background: url(../images/box_shadow.png) repeat-x left top; } #Subheader ul.woocommerce-breadcrumb li:last-child span { display: none; } /* subheader-style */ .subheader-title-right #Subheader .title { float: right; text-align:right;} .subheader-title-right #Subheader .breadcrumbs { float: left; text-align:left;} .subheader-both-left #Subheader .title { width:100%;} .subheader-both-left #Subheader .breadcrumbs { width:100%; text-align:left; margin-top:10px;} .subheader-both-right #Subheader .title { width:100%; text-align:right;} .subheader-both-right #Subheader .breadcrumbs { width:100%;standard.no-img .post-desc-wrapper { width:100%; } .search-results .no-img .post-desc { padding-left:0; } .search-results .no-img .post-desc-wrapper { width:100%; } .post-meta { margin-bottom: 8px; } .post-meta .author-date { float: left; } .post-meta .author-date a { border-bottom-width: 1px; border-style: dotted; text-decoration: none !important; } .post-meta .category { float: right; position: relative; } .post-meta .category.mata-tags { margin-right:10px;} .post-meta .category .cat-btn { cursor: pointer; } .post-meta .category .cat-wrapper { position: absolute; right: 0; top: 100%; display: none; z-index: 21; } .post-meta .category:hover .cat-wrapper { display: block; } .post-meta .category .cat-wrapper ul { padding: 7px; min-width: 70px; background: #F9F9F9; } .post-meta .category .cat-wrapper ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .post-meta .category .cat-wrapper ul li:last-child { border-bottom: 0; } .post-meta .category .cat-wrapper ul li a { display: block; text-align: center; padding: 1px 5px; color: #8B8B8B; } .post-meta .category .cat-wrapper ul li a:hover { text-decoration: none; color: #5F5F5F; background: rgba(255, 255, 255, 0.8); } .post-excerpt { margin-bottom: 15px; } .cat_description { margin-bottom: 40px;} .post-footer { background: rgba(0,0,0,.02); padding: 7px 15px; overflow: hidden; line-height: 30px; } .post-footer .button-love { float: left; } .post-footer .button-love a.mfn-love { display: inline-block; position: relative; padding-left: 24px; margin-left: 5px; } .post-footer .button-love a.mfn-love i { position: absolute; left: 0; top: 0; font-size: 16px; } .post-footer .button-love a.mfn-love:hover { text-decoration: none; } .post-footer .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-footer .button-love a:hover.mfn-love i:last-child, .post-footer .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .post-footer .post-links { float: right; border-left-width: 1px; border-style: solid; padding-left: 10px; } .post-footer .post-links .post-comments { margin-right: 10px; } .hide-more .post-footer .post-links .icon-doc-text, .hide-more .post-footer .post-links .post-more { display:none;} .blog_slider.hide-more .item_wrapper .hr_color, .blog_slider.hide-more .item_wrapper .button { display:none;} /* Masonry */ .masonry {} .masonry:not(.tiles) .post-item { width: 31.33%; margin: 0 1% 20px; background: #fff !important; } .masonry .post-photo-wrapper { width: 100%; float: none; } .masonry .post-desc-wrapper { width: 100%; float: none; } .masonry .post-desc-wrapper .post-desc { padding: 20px 20px 0; } .masonry .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .masonry .post-meta .author-date .author span.label { display: none; } .masonry .post-desc-wrapper .post-meta .category .cat-btn { display: none; } .masonry .post-desc-wrapper .post-footer .button-love .love-text { display: none; } /* Columns 2-6 */ /* Masonry */ .posts_group.masonry.col-2 .post-item { width: 47.99%;} .posts_group.masonry.col-3 .post-item { width: 31.33%;} .posts_group.masonry.col-4 .post-item { width: 22.99%;} .posts_group.masonry.col-5 .post-item { width: 18.99%; margin: 0 0.5% 20px;} .posts_group.masonry.col-6 .post-item { width: 15.66%; margin: 0 0.5% 20px;} /* Masonry tiles */ .masonry.tiles { position: relative; } .masonry.tiles .post-item { margin: 0 !important; overflow: hidden; background-color: transparent; } .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper { position: absolute; z-index: 4; left: 0; bottom: -20px; } .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc { background: url(../images/blog_masonry_tile_gradient.png) top left repeat-x; padding: 70px 30px 30px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc { padding: 50% 30px 10px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links { display: inline-block; margin-left: 10px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { display: none; } /* Photo wrapper */ .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper { line-height: 0; position: relative; } .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); opacity: 0; transition: all 0.6s ease-out; } .masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after { opacity: 1; } /* Posts */ .masonry.tiles .format-link .post-title .icon-link { display: none; } .masonry.tiles .format-link .post-title .link-wrapper { margin-left: 0; padding-top: 5px; } .masonry.tiles .format-quote blockquote { margin-left: 0; top: 0; margin-bottom: 25px; } .masonry.tiles .format-quote blockquote:after { display: none; } .masonry.tiles .format-quote blockquote a { text-decoration: none; } /* Post icon */ .masonry.tiles .post-item .post-format-icon { position: absolute; z-index: 3; left: 25px; top: 25px; font-size: 35px; line-height: 35px; color: #fff; } /* Line */ .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after { content: ""; display: block; height: 3px; margin-top: 20px; width: 0; transition: all 0.4s ease-out; } .masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after { width: 40%; } /* Desc wrapper animation */ .masonry.tiles .post-item .post-desc-wrapper { transition: all 0.4s ease-out; } .masonry.tiles .post-item:hover .post-desc-wrapper { transform: translateY(-20px); } /* Columns 2-6 */ /* Masonry tiles */ .posts_group.masonry.tiles.col-2 .post-item { width: 49.99%; } .posts_group.masonry.tiles.col-3 .post-item { width: 33.33%; } .posts_group.masonry.tiles.col-4 .post-item { width: 24.99%; } .posts_group.masonry.tiles.col-5 .post-item { width: 19.99%; } .posts_group.masonry.tiles.col-6 .post-item { width: 16.66%; } /* Colors */ .masonry.tiles .post-item.format-quote blockquote, .masonry.tiles .post-item.format-quote blockquote a, .masonry.tiles .post-item.format-link .post-title .icon-link, .masonry.tiles .post-item.format-link .post-title .link-wrapper h4, .masonry.tiles .post-item.format-link .post-title .link-wrapper a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a { color: #fff; } .masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title:after { background-color: #fff; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { color: rgba(255,255,255,.7); } /* Timeline */ .timeline .post-item { float:none; width:auto; padding-left: 200px; margin-bottom: 0; padding-bottom: 40px; background: url(../images/timeline_right.png) no-repeat 90px top; } .timeline .post-item:last-child { padding-bottom: 20px; margin-bottom: 20px; } .timeline .format-quote .post-meta, .timeline .format-link .post-meta { padding-top: 7px; } .timeline .post-item:before { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 126px; top: 11px; display: block; visibility: visible; z-index: 1; } .timeline .date_label { display: block; } .timeline .post-meta .author-date .date{ display: none; } /* Photo */ .photo .post-item { float:none; } .photo .post-photo-wrapper { width: 100%; float: none; } .photo .post-desc-wrapper { width: 100%; float: none; text-align: center; } .photo .post-desc .post-head {} .photo .post-desc .post-head .post-meta { display: inline-block; } .photo .post-desc .post-head .post-footer { display: inline-block; background: none; padding: 0; line-height: inherit; } .photo .post-desc .post-title {} .photo .post-desc .post-excerpt { margin-bottom: 0; } .photo .post-desc .post-head .post-meta .author-date, .photo .post-desc .post-head .post-meta .category, .photo .post-desc .post-head .post-footer .button-love, .photo .post-desc .post-head .post-footer .post-links { float: none; display: inline-block; } .photo .post-desc .post-head .post-meta .author-date { margin-right: 20px; } .photo .post-desc .post-head .post-meta .author-date .label { display: none; } .photo .post-desc .post-head .post-footer .button-love { margin-right: 20px; } .photo .post-desc .post-head .post-footer .button-love .love-text { display: none; } .photo .post-desc .post-head .post-footer .post-links { border: 0; padding: 0; } .photo .post-desc .post-head .post-footer .post-links .icon-doc-text, .photo .post-desc .post-head .post-footer .post-links .post-more { display: none; } .photo .format-image { text-align: center; } .photo .format-image .post-photo-wrapper { display: inline-block; width: auto; } .photo .format-link .post-title { display: inline-block; text-align: left; } /* Post types =========================================== */ .format-quote .post-photo-wrapper { display: none; } .format-quote .post-desc { padding: 0; } .format-quote .post-desc-wrapper { width: 100%; float: none; } .format-video {} .format-video .image_frame .image_wrapper img { margin-bottom: 0 !important; } .format-video .image_frame:hover .image_wrapper img { top: 0px; } .format-link .post-photo-wrapper { display: none; } .format-link .post-desc-wrapper { width: 100%; float: none; } .format-link .post-desc { padding: 0; } .format-link .post-title { overflow: hidden; } .format-link .post-title .icon-link { display: block; width: 80px; height: 80px; font-size: 60px; line-height: 80px; border-right-width: 1px; border-style: solid; float: left; text-align: center; } .format-link .post-title .link-wrapper { margin-left: 100px; padding-top: 14px; } .format-link .post-title .link-wrapper h4 { margin-bottom: 7px; font-size: 20px; line-height: 22px; } /* #Single post ================================================== */ .post-nav { padding: 10px 10px 4px 130px; margin-bottom: 20px; background-image: url(../images/stripes/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .post-nav .next-prev-nav { float: left; } .post-nav .next-prev-nav li { float: left; margin-right: 5px; } .post-nav .next-prev-nav a.button { margin: 0; } .post-nav .list-nav { float: right; line-height: 49px; } .post-header { margin-bottom: 20px; } .post-header .button-love { width: 99px; float: left; text-align: center; } .post-header .button-love a.mfn-love { display: inline-block; position: relative; padding-left: 28px; font-size: 17px; margin-top: 25px; } .no-title .post-header .button-love a.mfn-love { margin-top: 0; } .post-header .button-love a.mfn-love i { position: absolute; left: 0; top: 0; font-size: 18px; } .post-header .button-love a.mfn-love:hover { text-decoration: none; } .post-header .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-header .button-love a:hover.mfn-love i:last-child, .post-header .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .post-header .title_wrapper { margin-left: 99px; border-left-width: 1px; border-style: solid; padding-left: 30px; } .post-header .title_wrapper h1 { font-size: 35px; line-height: 35px; } .single-photo-wrapper {} .single-photo-wrapper .share_wrapper { float: left; } .single-photo-wrapper .image_frame { margin-left:120px; } .single-photo-wrapper .image_frame iframe { width: 100%; } .no-share .single-photo-wrapper .image_frame { margin-left:0;} .single-photo-wrapper.image { text-align: center; } .single-photo-wrapper.image .image_frame { margin-left:0; display:inline-block; max-width:80%; max-width: calc(100% - 130px);} .no-share .single-photo-wrapper.image .image_frame { max-width:100%;} .share_wrapper { background: #fff; border-width: 1px; border-style: solid; width: 98px; text-align: center; padding: 10px 0 5px; } .share_wrapper .stButton { margin-bottom: 10px; } .author-box {} .author-box .avatar-wrapper { width: 64px; height: 64px; float: left; border-width: 8px; border-style: solid; display: block; line-height: 0; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } .author-box .desc-wrapper { background: rgba(0,0,0,.02); padding: 20px; position: relative; margin-left: 105px; } .author-box .desc-wrapper:after { content: ""; display: block; position: absolute; left: -6px; top: 35px; width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent rgba(0,0,0,.02) transparent transparent; } .author-box .desc-wrapper h5 { margin-bottom: 5px; } /* Hide Love */ .hide-love .button-love { display:none;} .hide-love .post-header .title_wrapper { margin-left:0; border-left:none;} .hide-love .post-nav { padding-left:10px;} .hide-love .portfolio_group .portfolio-item .desc .title_wrapper { padding-right: 0;} /* Post related */ .section-post-related {} .section-post-related .section-related-adjustment { border-top-width: 1px; border-style: solid; padding-top: 20px; } .section-post-related .post-related { position: relative; width: 31.333%;} .section-post-related .col-2 .post-related { width: 48%;} .section-post-related .col-3 .post-related { width: 31.333%;} .section-post-related .col-4 .post-related { width: 23%;} .section-post-related .col-5 .post-related { width: 18%;} .section-post-related .col-6 .post-related { width: 14.666%;} .section-post-related .col-2 .post-related:nth-child(2n+1) { clear: both;} .section-post-related .col-3 .post-related:nth-child(3n+1) { clear: both;} .section-post-related .col-4 .post-related:nth-child(4n+1) { clear: both;} .section-post-related .col-5 .post-related:nth-child(5n+1) { clear: both;} .section-post-related .col-6 .post-related:nth-child(6n+1) { clear: both;} .section-post-related .post-related .image_frame { margin-left: 30px; margin-bottom: 15px; } .section-post-related .post-related .fullscreen-container { height:180px !important;} .section-post-related .post-related .date_label { position: absolute; left: 0; top: 30px; z-index: 20; } .section-post-related .post-related hr { margin-left: 30px; width: 40%; } .section-post-related .post-related a.button { margin-left: 30px; margin-bottom: 0; } .section-post-related .format-quote blockquote { margin-top: 70px; margin-left: 40px; } .section-post-related .format-link {} .section-post-related .format-link .image_frame { height: 180px; background-color: rgba(255, 255, 255,.5); background-image: url("../images/link.png"); background-position: center center; background-repeat: no-repeat; } .section-post-related .format-standard.no-img .image_frame { display:block; height: 180px; background-color: rgba(255, 255, 255,.5); background-image: url("../images/photo.png"); background-position: center center; background-repeat: no-repeat; } .section-post-related .post-related .image_frame iframe { width: 100%;} /* single-format-link */ .single-format-link .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .single-format-link .single-photo-wrapper .share_wrapper .stButton { margin: 0 10px 0 0; } .single-format-link .single-photo-wrapper .image_frame { display: none; } /* single-format-quote */ .single-format-quote #Subheader .title { width: 100%; } .single-format-quote #Subheader ul.breadcrumbs { display: none; } .single-format-quote .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .single-format-quote .single-photo-wrapper .share_wrapper .stButton { margin: 0 10px 0 0; } .single-format-quote .single-photo-wrapper .image_frame { display: none; } /* no-img */ .portfolio.no-img .single-photo-wrapper .share_wrapper, .format-image.no-img .single-photo-wrapper .share_wrapper, .format-standard.no-img .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .portfolio.no-img .single-photo-wrapper .share_wrapper .stButton, .format-image.no-img .single-photo-wrapper .share_wrapper .stButton, .format-standard.no-img .single-photo-wrapper .share_wrapper .stButton { margin: 0 10px 0 0; } .portfolio.no-img .single-photo-wrapper .image_frame, .format-image.no-img .single-photo-wrapper .image_frame, .format-standard.no-img .single-photo-wrapper .image_frame { display: none !important; } /* Project decription */ .project-description {} .project-description li { width: 99.9%; clear: both; padding: 7px 10px; background: rgba(0,0,0,.01); border-style: solid; border-color: rgba(0,0,0,.03); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .project-description li .label { font-weight: bold; min-width: 50px; display: inline-block; } .project-description li.one-third { float: left; width: 33.3%; clear: none; padding-right: 15px; border-width: 0 1px 1px 0; } .project-description li:nth-child(3) { border-right-color: transparent; } /* Share Item | .share_item */ .share_item { float: none; width: auto; padding: 10px 15px 15px; } .share_item .stButton { margin: 0 10px 0 0; } /* #Widget area ================================================== */ .with_aside .four.columns { margin-bottom: 0; } .widget-area { border-style: solid; padding: 30px 0 20px; position: relative; } body:not(.template-slider) .widget-area { margin-top: -30px; } .widget-area:before { content: ""; display: block; position: absolute; top: 0; width: 1500px; height: 100%; background: rgba(0,0,0,.01); visibility: visible; } .aside_left .widget-area { border-right-width: 1px; padding-right: 25px; } .aside_left .widget-area:before { right: 0; } .aside_right .widget-area { border-left-width: 1px; padding-left: 25px; } .aside_right .widget-area:before { left: 0; } .widget-area.lines-boxed .widget:after { width:100%;} .widget-area.lines-hidden .widget:after { display:none;} .widget { padding-bottom: 30px; margin-bottom: 30px; position: relative; } .widget:last-child { margin-bottom: 0; padding-bottom: 0; } .widget:last-child:after { display: none; } .widget:after { content: ""; display: block; position: absolute; bottom: 0; width: 1500px; height: 0; visibility: visible; border-width: 1px 0 0 0; border-style: solid; } .widget > h3 { font-size: 18px; line-height: 22px; } .aside_left .widget:after { right: 0; } .aside_right .widget:after { left: 0; } .with_aside.aside_both .sidebar-1 .widget-area { border-right-width: 1px; padding-right: 25px; } .with_aside.aside_both .sidebar-1 .widget-area:before { right: 0; } .with_aside.aside_both .sidebar-1 .widget-area .widget:after { right: 0; } .with_aside.aside_both .sidebar-2 .widget-area { border-left-width: 1px; padding-left: 25px; } .with_aside.aside_both .sidebar-2 .widget-area:before { left: 0; } .with_aside.aside_both .sidebar-2 .widget-area .widget:after { left: 0; } /* Recent posts */ .Recent_posts {} .Recent_posts ul {} .Recent_posts ul li { margin-bottom: 10px; } .Recent_posts ul li:last-child { margin-bottom: 0; } .Recent_posts ul li a { text-decoration: none; } .Recent_posts ul li .desc { margin-right: 80px; padding: 5px 15px; background: #fff; position: relative; min-height: 70px; } .Recent_posts ul li .desc:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 4px; height: 100%; } .Recent_posts ul li .desc h6 { position: relative; z-index: 2; margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; } .Recent_posts ul li .desc .date { position: relative; z-index: 2; } .Recent_posts ul li .desc .date i { display: inline-block; margin-right: 2px; } .Recent_posts ul li.no-img { position: relative; } .Recent_posts ul li.no-img .photo { width: 0; position: static; } .Recent_posts ul li.no-img .desc { margin-right: 0; min-height: inherit; } .Recent_posts ul li .photo { width: 80px; height: 80px; line-height: 0; text-align: center; float: right; position: relative; } .Recent_posts ul li .photo .c { width: 25px; height: 25px; line-height: 25px; z-index: 3; text-align: center; color: #fff; position: absolute; right: -12px; bottom: 12px; font-size: 11px; -webkit-border-radius: 3px; border-radius: 3px; } .Recent_posts ul li a:hover h6, .Recent_posts ul li a:hover .desc .date { color: #fff !important; } .Recent_posts ul li a:hover .desc:after { width: 100%; } /* Link */ .Recent_posts ul li.format-link .photo { background-color: #eee; background-image: url("../images/link.png"); background-position: center center; background-repeat: no-repeat; } .Recent_posts ul li.format-quote .photo { background-color: #eee; background-image: url("../images/blockquote.png"); background-position: center center; background-repeat: no-repeat; background-size: 40% auto; } /* Animation */ .Recent_posts ul li a h6, .Recent_posts ul li a .desc .date, .Recent_posts ul li a .desc:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Recent posts wordress */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li { padding: 5px 15px; background: #fff; position: relative; margin-bottom: 10px; } .widget_recent_entries ul li a { display: block; text-decoration: none; position: relative; z-index: 2; margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; } .widget_recent_entries ul li:last-child { margin-bottom: 0; } .widget_recent_entries ul li:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 4px; height: 100%; } .widget_recent_entries ul li:hover:after { width: 100%; } .widget_recent_entries ul li .post-date { display: block; position: relative; z-index: 2; } .widget_recent_entries ul li:hover a, .widget_recent_entries ul li:hover .post-date { color: #fff; } /* Animation */ .widget_recent_entries ul li:hover a, .widget_recent_entries ul li:hover .post-date, .widget_recent_entries ul li:hover:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Categories */ .widget_categories {} .widget_categories ul { list-style-type: square; color: #fff; padding: 5px 10px 5px 30px; } .widget_categories ul li { position: relative; } .widget_categories ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px 0; border-style: solid; border-color: rgba(255,255,255,.2); position: absolute; left: -30px; bottom: 0; } .widget_categories ul li:last-child:after { display: none; } .widget_categories ul li a { color: #fff !important; display: block; padding: 7px 0 7px 3px; } /* Archives, Custom menu */ .widget_archive, .widget_nav_menu {} .widget_archive ul, .widget_nav_menu ul { list-style-type: square; padding: 5px 10px 5px 30px; background: rgba(0,0,0,.03); } .widget_archive ul li, .widget_nav_menu ul li { position: relative; } .widget_archive ul li:after, .widget_nav_menu ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px 0; border-style: solid; border-color: rgba(0,0,0,.1); position: absolute; left: -30px; bottom: 0; } .widget_archive ul li:last-child:after, .widget_nav_menu ul li:last-child:after { display: none; } .widget_archive ul li a, .widget_nav_menu ul li a { display: block; padding: 8px 0 9px 3px; } /* Meta, Pages, RSS */ .widget_meta, .widget_pages, .widget_rss {} .widget_meta ul, .widget_pages ul, .widget_rss ul { list-style-type: square; padding: 0 0 0 30px; } .widget_meta ul li, .widget_pages ul li, .widget_rss ul li {} .widget_meta ul li a, .widget_pages ul li a, .widget_rss ul li a { display: block; padding: 4px 0 7px 4px; } /* Recent comments */ .widget_mfn_recent_comments {} .widget_mfn_recent_comments ul {} .widget_mfn_recent_comments ul li { padding-bottom: 15px; background: url(../images/recent_comments.png) no-repeat 4px top; padding-left: 40px; position: relative; } .widget_mfn_recent_comments ul li:last-child { padding-bottom: 5px; } .widget_mfn_recent_comments ul li .date_label { background-color: rgba(0,0,0,.03); margin-top: 7px; margin-bottom: 5px; position: relative; } .widget_mfn_recent_comments ul li .date_label:after { border-left-color: rgba(0,0,0,.03); } .widget_mfn_recent_comments ul li:after { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 0px; top: 11px; display: block; z-index: 1; } .widget_mfn_recent_comments ul li p { margin-bottom: 0; } /* Recent comments wordpress */ .widget_recent_comments {} .widget_recent_comments ul li { padding-bottom: 5px; padding-top: 6px; background: url(../images/recent_comments.png) no-repeat 4px top; padding-left: 40px; position: relative; } .widget_recent_comments ul li:last-child { padding-bottom: 5px; } .widget_recent_comments ul li:after { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 0px; top: 11px; display: block; z-index: 1; } /* Search */ .widget_search {} .widget_search input[type="text"] { margin-bottom: 0; width: 100%; } .widget_search .icon_close, .widget_search .icon_search { display: none; } /* Calendar */ .widget_calendar td, .widget_calendar th { padding: 4px 3px; } .widget_calendar caption { padding: 5px; font-size: 14px; } .widget_calendar table tfoot tr:hover td { background: none !important; } /* Flickr */ .Flickr { overflow: hidden; } .Flickr .flickr_badge_image { margin: 0; padding: 0; float: left; margin: 0 1% 2% 1%; width: 23%; } .Flickr .flickr_badge_image a { display: block; line-height: 0; } /* Recent tweets */ .widget_tp_widget_recent_tweets {} .widget_tp_widget_recent_tweets .tp_recent_tweets { clear: none; float: none; } .widget_tp_widget_recent_tweets ul { overflow: hidden; } .widget_tp_widget_recent_tweets ul li:last-child { padding-bottom: 0; } /* Tag cloud */ .widget_mfn_tag_cloud {} .widget_mfn_tag_cloud ul { margin-bottom: 0; overflow: hidden; } .widget_mfn_tag_cloud ul li {margin: 0; padding: 0; float: left; margin: 0 5px 2px 0; } .widget_mfn_tag_cloud a { overflow: hidden; white-space: nowrap; display: inline-block; height: 22px; text-shadow: 1px 1px 0 #fff; font-size: 12px; padding-right: 8px; margin-right: 1px; } .widget_mfn_tag_cloud a:hover { text-decoration: none; } .widget_mfn_tag_cloud a span { padding-left: 8px; height: 22px; line-height: 22px; display: block; float: left; } /* Muffin menu */ .widget_mfn_menu { } .widget_mfn_menu ul li a { display: block; padding: 7px 10px; margin-bottom: 5px; background: #fff; border: 1px solid rgba(0,0,0,.04); color: #858585; } .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current_page_item > a { text-decoration: none; color: #fff !important; } .widget_mfn_menu ul li ul li a { padding-left:20px;} .widget_mfn_menu ul li ul li a:before { content:"-"; margin-right:5px;} .widget_mfn_menu ul li ul li ul li a { padding-left:40px;} .widget_mfn_menu ul.submenus-hover li ul { overflow:hidden; max-height:0; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out;} .widget_mfn_menu ul.submenus-hover li.current_page_item ul, .widget_mfn_menu ul.submenus-hover li:hover > ul { max-height:10000px;} /* Animation */ //.widget_mfn_menu ul li a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Muffin login */ .mfn-login { overflow:hidden;} .mfn-login form p { margin-bottom:5px;} .mfn-login form input { margin-bottom:0;} .mfn-login .sep { margin:0 7px;} .mfn-login .avatar-wrapper { float:left; width:64px; margin:0 10px 10px 0;} .mfn-login .author { float:left; } .mfn-login .alert { padding:5px 10px; margin-bottom:5px;} /* #Portfolio ================================================== */ .portfolio_group { margin:0 !important;} .portfolio_group .portfolio-item { list-style:none !important; float:left;} .portfolio_group .portfolio-item.isotope-grid-sizer { margin:0 !important;} .portfolio_group:not(.list) .portfolio-item { background: none !important; } .portfolio_group .portfolio-item .list_style_header { display: none; overflow: hidden; margin-bottom: 20px; position: relative; min-height: 46px; padding-right: 275px; } .portfolio_group .portfolio-item .list_style_header h3 { margin-bottom: 0; margin-top: 7px; } .portfolio_group .portfolio-item .list_style_header .links_wrapper { position: absolute; right: 0; top: 0; } .portfolio_group .portfolio-item .list_style_header .links_wrapper a { margin-bottom: 0; } .portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child { margin-right: 0; } .portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js { display: none; } .portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js { display: none; } .portfolio_group .portfolio-item .image_frame { width: 100%; margin-bottom:0; } .portfolio_group .portfolio-item .desc { padding: 20px; background: #fff; overflow: hidden; } .portfolio_group .portfolio-item .desc .title_wrapper { position: relative; padding-right: 43px; } .portfolio_group .portfolio-item .desc .title_wrapper h5 { margin-bottom: 0; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love { position: absolute; right: 0; top: 0; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love { display: inline-block; position: relative; padding-left: 24px;} .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i { position: absolute; left: 0; top: 0; font-size: 16px; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover { text-decoration: none; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child, .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .portfolio_group .portfolio-item .desc .desc-wrapper { margin-right: 280px; } .portfolio_group .portfolio-item .desc .details-wrapper { float: right; width: 240px; padding-left: 19px; border-left-width: 1px; border-style: solid; } .portfolio_group .portfolio-item .desc .details-wrapper dl { margin-bottom: 0; } .portfolio_group .portfolio-item .desc .details-wrapper dl > dt { padding: 2px 0; border: 0; width: 80px; } .portfolio_group .portfolio-item .desc .details-wrapper dl > dd { padding: 2px 0; border: 0; margin-left: 90px; } /* List */ .portfolio_group.list .portfolio-item { width: 100%; border-bottom-width: 0px; border-style: solid; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { background-position: top center; background-repeat: repeat; padding: 35px 0; } .portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg { background:none !important; } body.with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { padding-left: 5%; padding-right: 5%; } body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 1176px; margin: 0 auto; } .portfolio_group.list .portfolio-item .list_style_header { display: block; } .portfolio_group.list .portfolio-item .desc { background: none; padding: 20px 0 0; } .portfolio_group.list .portfolio-item .desc .title_wrapper { display: none; } /* Flat */ .portfolio_group.flat .portfolio-item { width: 33.3%; } .portfolio_group.flat .portfolio-item .image_frame { border: 0; } .portfolio_group.flat .portfolio-item .image_frame .mask { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .portfolio_group.flat .portfolio-item .desc { display: none; } /* Grid */ .portfolio_group.grid .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.grid .portfolio-item .desc .desc-wrapper, .portfolio_group.grid .portfolio-item .desc .details-wrapper { display: none; } /* Masonry */ .portfolio_group.masonry .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.masonry .portfolio-item .desc .title_wrapper { margin-bottom: 15px; } .portfolio_group.masonry .portfolio-item .desc .desc-wrapper { display: block; margin-right: 0; } .portfolio_group.masonry .portfolio-item .desc .details-wrapper { display: none; } /* Masonry hover */ .portfolio_group.masonry-hover .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper { position: relative; overflow: hidden; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { opacity: 0; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.3); height: 100%; width: 100%; padding: 10% 10% 50px; box-sizing: border-box; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after { content: ""; display: block; margin: 15px 0; width: 20px; height: 3px; background: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a { color: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner { height: 100%; overflow: hidden; color: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper { bottom: 18px; box-sizing: border-box; left: 0; padding: 0 7% 0 8%; position: absolute; width: 100%; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external { font-size: 25px; color: #fff; position: relative; top: 0; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom { } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link { float: right; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {} .portfolio_group.masonry-hover .portfolio-item .image-wrapper { line-height: 0; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a { color: #444; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after { background: #444; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc { opacity: 1; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external { top: -3px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { padding: 10%; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper { overflow: visible; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { position: static; opacity: 1; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner { margin-bottom: 15px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper { position: static; padding: 0; margin-top: 30px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom { display:none; } /* Animation */ .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Masonry Flat */ .portfolio_group.masonry-flat { float:left; width:100.5%;} .portfolio_group.masonry-flat .portfolio-item { width: 24.9%; display:block; float:left; position:relative;} .portfolio_group.masonry-flat .portfolio-item.wide { width:49.8%;} .portfolio_group.masonry-flat .portfolio-item .portfolio-item-fill { padding-bottom:78%;} .portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill { padding-bottom:156%;} .portfolio_group.masonry-flat .portfolio-item.wide .portfolio-item-fill { padding-bottom:39%;} .portfolio_group.masonry-flat .portfolio-item.tall.wide .portfolio-item-fill { padding-bottom:78%;} .portfolio_group.masonry-flat .portfolio-item .image_frame { border: 0; position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;} .portfolio_group.masonry-flat .portfolio-item .image_frame .image_wrapper { position:static;} .portfolio_group.masonry-flat .portfolio-item .image_frame .mask { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .portfolio_group.masonry-flat .portfolio-item .image_frame img { margin:0 !important; top:0 !important; } .portfolio_group.masonry-flat .portfolio-item .desc { display: none; } /* Columns 2-6 */ /* Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-2 .portfolio-item, .portfolio_group.masonry.col-2 .portfolio-item, .portfolio_group.masonry-hover.col-2 .portfolio-item { width: 47.99%;} .portfolio_group.grid.col-3 .portfolio-item, .portfolio_group.masonry.col-3 .portfolio-item, .portfolio_group.masonry-hover.col-3 .portfolio-item { width: 31.33%;} .portfolio_group.grid.col-4 .portfolio-item, .portfolio_group.masonry.col-4 .portfolio-item, .portfolio_group.masonry-hover.col-4 .portfolio-item { width: 22.99%;} .portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item { width: 18.99%; margin: 0 0.5% 20px;} .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item { width: 15.66%; margin: 0 0.5% 20px;} /* Flat */ .portfolio_group.flat.col-2 .portfolio-item { width: 49.99%;} .portfolio_group.flat.col-3 .portfolio-item { width: 33.33%;} .portfolio_group.flat.col-4 .portfolio-item { width: 24.99%;} .portfolio_group.flat.col-5 .portfolio-item { width: 19.99%;} .portfolio_group.flat.col-6 .portfolio-item { width: 16.66%;} /* Exposure */ .portfolio_group.exposure {} .portfolio_group.exposure .portfolio-item { width: 100%; position: relative; } .portfolio_group.exposure .portfolio-item a.link { display: block; } .portfolio_group.exposure .portfolio-item .image-wrapper { line-height: 0; } .portfolio_group.exposure .portfolio-item .image-wrapper .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,.5); opacity: 0; } .portfolio_group.exposure .portfolio-item .desc-inner { position: absolute; left: 0; top: 30px; z-index: 2; width: 100%; } .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding: 0 35px; margin: 0 1%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-width .portfolio_group.exposure .portfolio-item .desc-inner { top: 70px; } .full-width .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding: 0; } .portfolio_group.exposure .portfolio-item .desc-inner .line { display: block; width: 0; height: 4px; margin-bottom: 20px; } .portfolio_group.exposure .portfolio-item .desc-inner .entry-title { margin-bottom: 20px; } .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper { width: 75%; opacity: 0.7; } .portfolio_group.exposure .portfolio-item .details-wrapper { position: absolute; right: 0; bottom: 5px; z-index: 2; width: 100%; } .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner { padding: 0 25px; margin: 0 1%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-width .portfolio_group.exposure .portfolio-item .details-wrapper { bottom: 35px; } .full-width .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner { padding: 0; } .portfolio_group.exposure .portfolio-item .details-wrapper .column { float: right; opacity: 0; -webkit-transform: translateY(-7%); transform: translateY(-7%); border-top: 1px solid rgba(255,255,255,.4); padding: 20px 10px; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .portfolio_group.exposure .portfolio-item .details-wrapper .column h5.label { font-weight: 400; margin-bottom: 8px; } .portfolio_group.exposure .portfolio-item .details-wrapper .column h5 { font-weight: 700; } /* Colors */ .portfolio_group.exposure .portfolio-item .desc-inner .entry-title, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h2, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h3, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h4, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h5, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h6, .portfolio_group.exposure .portfolio-item .details-wrapper h5, .portfolio_group.exposure .portfolio-item .details-wrapper h5 a { color: #fff; } /* Hover */ .portfolio_group.exposure .portfolio-item .desc-inner .line, .portfolio_group.exposure .portfolio-item .image-wrapper .mask { -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio_group.exposure .portfolio-item .details-wrapper .column { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio_group.exposure .portfolio-item .details-wrapper .column:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .portfolio_group.exposure .portfolio-item:hover .desc-inner .line { width: 100px; } .portfolio_group.exposure .portfolio-item:hover .image-wrapper .mask { opacity: 1; } .portfolio_group.exposure .portfolio-item:hover .details-wrapper .column { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .section_wrapper .portfolio_wrapper .column.one.pager_wrapper .hover-desc { margin: 40px 0 !important; } .template-slider .section-portfolio-header { margin-top:30px;} /* #Filters ================================================== */ /* #Footer ================================================== */ #Footer { background-position: center top; background-repeat:no-repeat;} #Footer .footer_action { background: rgba(0,0,0,.1); } #Footer .footer_action .one { margin-bottom: 30px; padding-top: 30px; text-align: center; font-size: 110%; line-height: 180%; } #Footer .widgets_wrapper { padding: 15px 0; } #Footer .widgets_wrapper .column { margin-bottom: 0; } #Footer .widgets_wrapper .widget { padding: 15px 0; margin-bottom: 0; } #Footer .widgets_wrapper .widget:after { display: none; } #Footer .footer_copy { border-top: 1px solid rgba(255,255,255,.1); } #Footer .footer_copy .one { margin-bottom: 20px; padding-top: 30px; min-height:33px; } #Footer .footer_copy .copyright { float: left; } #Footer .footer_copy .social { float: right; margin-right: 20px; } #Footer .footer_copy .social li { display: inline-block; margin-right: 6px; } #Footer .footer_copy .social li:last-child { margin-right: 0px; } #Footer .footer_copy .social li a { color: rgba(255,255,255,.3); font-size: 15px; line-height: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Footer .footer_copy .social li a:hover { color: rgb(255,255,255); } #Footer .footer_copy .social-menu { float: right; margin-right: 20px; } #Footer .footer_copy .social-menu li { display: inline-block; margin-right: 6px; padding-right: 6px; border-right: 1px solid rgba(255,255,255,.1); } #Footer .footer_copy .social-menu li:last-child { margin-right: 0px; padding-right: 0px; border-right: 0px; } #Footer #back_to_top { float: right; margin: -10px 0 0 0; } #Footer #back_to_top.hide { display:none;} #Footer #back_to_top.sticky { position:fixed; right:75px; bottom:21px; z-index:9001; background: #f7f7f7 !important; color: rgba(0, 0, 0, 0.5); } .nice-scroll #Footer #back_to_top.sticky { right:85px; } #Footer #back_to_top.sticky .button_icon { background:none; margin:1px;} #Footer #back_to_top.sticky.scroll { opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #Footer #back_to_top.sticky.scroll.focus, #Footer #back_to_top.sticky.scroll:hover { opacity:1;} /* .footer-copy-center */ .footer-copy-center #Footer .footer_copy { text-align: center; } .footer-copy-center #Footer .footer_copy .copyright { float: none; margin: 0 0 10px 0; } .footer-copy-center #Footer .footer_copy a#back_to_top { float: none; margin: -10px 0 10px; } .footer-copy-center #Footer .footer_copy .social { float: none; margin: 0; } .footer-copy-center #Footer .footer_copy .social-menu { float: none; margin: 0; } /* Widgets */ #Footer .Recent_posts ul li .desc { background: rgba(0,0,0,.1); } #Footer .widget_mfn_menu ul li a { background: rgba(0,0,0,.1); color: #ccc; } #Footer .widget_recent_entries ul li { background: rgba(0,0,0,.1); } #Footer ul.list_mixed li:after, #Footer ul.list_check li:after, #Footer ul.list_star li:after, #Footer ul.list_idea li:after { background: rgba(255,255,255,.08); } #Footer .widget_mfn_recent_comments ul li .date_label { background-color: rgba(0,0,0,.07); } #Footer .widget_mfn_recent_comments ul li .date_label:after { border-left-color: rgba(0,0,0,.07); } /* Footer styles ================================================== */ .footer-fixed #Header_wrapper, .footer-sliding #Header_wrapper { z-index: 29; } .footer-fixed #Content, .footer-sliding #Content { position:relative; z-index: 2; } .footer-fixed #Footer, .footer-sliding #Footer { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 1; } .footer-fixed #Footer { z-index: 3; } .footer-stick #Footer.is-sticky { position: fixed; width: 100%; bottom: 0; left: 0; } /* #Comments ================================================== */ .comments { margin-bottom: 0; } #comments > :first-child { border-top-width: 1px; border-style: solid; padding-top: 20px;} .page #comments > :first-child { margin-top: 20px;} #comments .commentlist { margin-left: 0; list-style-type: none; } #comments .commentlist > li { margin-bottom: 30px; } #comments .commentlist > li .comment-body { position: relative; background: #fff; padding: 20px 20px 20px 20px; margin-bottom: 20px; margin-left: 105px; } #comments .commentlist > li .comment-body:after { content: ""; display: block; position: absolute; left: -6px; top: 35px; width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #fff transparent transparent; } #comments .commentlist > li .children { margin-bottom: 15px; padding-left: 40px; border-left: 1px solid #ddd; } #comments .commentlist > li .photo { display: block; width: 64px; height: 64px; overflow: hidden; line-height: 0; position: absolute; left: -105px; top: 0px; border-width: 8px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; } #comments .commentlist > li .comment-author { font-size: 15px; color: #444; } #comments .commentlist > li .comment-author a {} #comments .commentlist > li .comment-author .fn { font-weight: bold; } #comments .commentlist > li .comment-meta { font-size: 12px; font-style: italic; } #comments .commentlist > li .comment-meta a {} #comments .commentlist > li .comment-meta a.comment-edit-link { float: right; padding-right: 52px; position: relative; top: -19px; } #comments .commentlist > li p { margin: 4px 0 10px; } #comments .commentlist > li .reply { position: absolute; right: 20px; top: 20px; } #comments .commentlist > li .reply a.comment-reply-link {font-size: 11px; color: #fff; padding: 3px 6px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 3px; background-image: url(../images/stripes/stripes_10_w.png); } #comments .commentlist > li .reply a:hover.comment-reply-link { text-decoration: none; } #comments .commentlist li {} #comments .commentlist li .comment-body {} #comments .commentlist li .comment-body.last {} #comments .commentlist li .comment-body.lastBorder { border-bottom: 0; } #comments .commentlist .children { margin-bottom: 0px; margin-left: 30px; padding-left: 50px; } #comments .commentlist .children li { margin-bottom: 0; } #comments #comments-title { margin-bottom: 20px; } #comments #comments-title span { font-style: italic; } /* #Respond ================================================== */ #respond { overflow: hidden; margin-bottom: 40px; } #respond .comment-reply-title { font-size: 21px; line-height: 25px; } #respond p { margin-bottom: 15px; padding-left: 0 !important; } #respond .comment-notes .required { position: static; } #respond input[type="text"] { margin-bottom: 0; } #respond label { margin-bottom: 3px; } /* #respond .required { position: absolute; right: 20px; top: 40px; } */ #respond .comment-form-author { width: 31.3%; margin-right: 2% !important; float: left; position: relative; } #respond .comment-form-email { width: 31.3%; margin-right: 2% !important; float: left; position: relative; } #respond .comment-form-url { width: 33.3%; float: left; position: relative; } #respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 100%; } #respond .comment-form-comment { width: 100%; } #respond .comment-form-comment textarea { width: 100%; margin-bottom: 10px; } #respond .form-submit { margin: 0; } #respond .form-submit input[type="submit"] { float: right !important; margin: 0 !important; } #respond .form-allowed-tags { display:none;} #respond .form-allowed-tags code { margin-top: 10px; } /* Testimonials | Single | @you should not see this page */ .single-testimonial .post-nav, .single-testimonial .post-meta .category, .single-testimonial .fixed-nav { display:none;} /* Error 404 | #Error_404 ------------------------------------------------------------ */ body.error404 { height: 100%; } body.error404.custom-404, body.error404.events-archive { height: auto; } body.error404:not(.custom-404, body.error404.events-archive { height: auto; } body.error404:not(.events-archive) #Content { padding:0 !important;} #Error_404 { overflow: hidden; position: absolute; top: 50%; margin-top: -150px; left: 30px; } #Error_404 .error_pic { width: 30%; float: left; text-align: center; } #Error_404 .error_pic i { font-size: 250px; line-height: 250px; } #Error_404 .error_desk { width: 70%; float: left; padding-top: 40px; } #Error_404 .error_desk h2 { font-size: 45px; line-height: 45px; color: rgba(0, 0, 0, .7); } #Error_404 .error_desk h4 { font-size: 26px; line-height: 30px; color: rgba(0, 0, 0, .7); } #Error_404 .error_desk p .check { line-height: 45px; font-size: 16px; color: rgba(0, 0, 0, .5); } #Error_404 .error_desk p em { font-style: italic; font-size: 17px; font-family: Georgia, serif; padding: 0 15px; } #Error_404 .error_desk p .button { margin: 0; display: inline; margin-left: 20px; } /* Search Results | .search-not-found ------------------------------------------------ */ .search-not-found .snf-pic { float: left; text-align: center; width: 275px;} .search-not-found .snf-pic i { font-size: 200px; line-height: 200px;} .search-not-found .snf-desc { width: 70%; width:calc( 100% - 275px ); float: left; padding-top: 40px;} .search-not-found .snf-desc h2 { font-size: 45px; line-height: 45px; color: rgba(0, 0, 0, .7);} .search-not-found .snf-desc h4 { font-size: 26px; line-height: 30px; color: rgba(0, 0, 0, .7);} /* Contact Form 7 ------------------------------------------------------------------------- */ .wpcf7::after { clear: both; content:""; display: block;} .wpcf7-form .column { margin-bottom: 10px; } .wpcf7-not-valid-tip { position: absolute !important; left: -50px !important; top: 0 !important; width: 50px !important; height: 44px !important; padding: 0 !important; background: url("../images/contact_form_error.png") !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; } .wpcf7-validation-errors { border: 0; display: none !important; } .wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 0 !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; float:left; width:100%;} .wpcf7-captchar { margin-bottom: 0; } span.wpcf7-form-control-wrap { width: 100%; position: relative !important; display: inline-block; margin-bottom: 3px; } span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; } .wpcf7-submit { margin-bottom: 0 !important; } /* Contact Form 7 | Popup */ #popup_contact { position: fixed; right: 20px; bottom: 15px; z-index: 9001; } .nice-scroll #popup_contact { right: 30px;} #popup_contact > a.button { width: 45px; height: 45px; line-height: 45px; font-size: 20px; margin:0; text-align: center; color:rgba(0,0,0,.5); background:#f7f7f7;} #popup_contact > a.button:hover { text-decoration: none; } #popup_contact .popup_contact_wrapper { width: 250px; padding: 20px; background: #fbfbfb; position: absolute; bottom: 65px; right: 0; display: none; } #popup_contact.focus .popup_contact_wrapper { display: block; } #popup_contact .popup_contact_wrapper span.arrow { position: absolute; right: 15px; bottom: -8px; margin: 0 auto; width: 0px; height: 0px; display: block; border-top: 8px solid #fbfbfb; border-right: 8px solid transparent; border-left: 8px solid transparent; } #popup_contact .popup_contact_wrapper form {} #popup_contact .popup_contact_wrapper form input[type="text"], #popup_contact .popup_contact_wrapper form input[type="email"], #popup_contact .popup_contact_wrapper form textarea { background: #fff; margin-bottom: 10px; } #popup_contact .popup_contact_wrapper form textarea { resize:vertical; min-height: 100px; } #popup_contact .popup_contact_wrapper form input[type="submit"] { margin: 0; float: right; } #popup_contact .wpcf7-form.invalid > p:after { display: block; } #popup_contact .wpcf7-form-control-wrap { display: inline-block; margin-right: 0; width: 100%; } #popup_contact div.wpcf7 img.ajax-loader { margin-top: 10px; } /* Preloaders for sliders ------------------------------------------------------------ */ .portfolio_slider_ul, ul.testimonials-slider { background: url("../images/preloader.gif") no-repeat center center; } .portfolio_slider_ul li, ul.testimonials-slider > * { visibility: hidden; } ul.testimonials-slider { max-height: 260px; } .caroufredsel_wrapper .portfolio_slider_ul, ul.owl-carousel { background: none; max-height: none; } .caroufredsel_wrapper .portfolio_slider_ul li, ul.owl-carousel > * { visibility: visible; } /* #bbPress ================================================== */ .bbpress #Subheader .title { width: 60%; } .bbpress #Subheader ul.breadcrumbs { width: 40%; } .bbpress #Subheader ul.breadcrumbs .bbp-breadcrumb-current { margin: 0; } .bbpress #bbpress-forums div.bbp-search-form { float: none; width: 100%; margin-bottom: 20px; } .bbpress #bbpress-forums #bbp-search-form #bbp_search { width: 100%; margin: 0px; } .bbpress #bbpress-forums div.bbp-topic-tags { clear: both; margin-bottom: 20px; } .bbpress #bbpress-forums div.bbp-topic-tags p { margin: 0; } /* Search */ .bbpress .widget_display_search .screen-reader-text { display: none; } .bbpress .widget_display_search #bbp_search { margin: 0; } /* Login */ .bbpress .bbp_widget_login .bbp-logged-in h4 { font-size: 14px; font-weight: normal; } .bbpress .bbp_widget_login .bbp-logged-in a.button { margin: 0; } /* Display views & Display forums */ .bbpress .widget_display_views, .bbpress .widget_display_forums {} .bbpress .widget_display_views ul, .bbpress .widget_display_forums ul { list-style-type: square; padding: 0 0 0 30px; } .bbpress .widget_display_views ul li, .bbpress .widget_display_forums ul li {} .bbpress .widget_display_views ul li a, .bbpress .widget_display_forums ul li a { display: block; padding: 4px 0 7px 4px; } /* #BuddyPress ================================================== */ #buddypress { margin-bottom:40px;} #buddypress #whats-new-options { height: auto !important; overflow: visible !important;} #buddypress div.dir-search { margin:0;} #buddypress #search-members-form > * { float:left;} #buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="text"] { padding:2px 3px; font-size:100%; margin-right:5px; font-weight:normal;} #buddypress div#subnav.item-list-tabs ul li > * { float:left;} #buddypress div#subnav.item-list-tabs ul li label { margin:10px 5px 0 0; font-weight:normal;} #buddypress div#item-header div#item-meta { font-size:100%;} /* #tribe-events ================================================== */ .tribe-events-page-template #Subheader .title { width: 60%; } .tribe-events-page-template #Subheader ul.breadcrumbs { width: 40%; } #tribe-bar-views .tribe-bar-views-list { z-index: 29; } #tribe-bar-form input[type="text"] { font-weight: normal; } h2.tribe-events-page-title, #tribe-geo-results h2.tribe-events-page-title { font-weight: normal; } .tribe-events-list-separator-month { font-weight: normal; } #tribe-events-content .tribe-events-tooltip h4 { font-weight: normal; } .tribe-events-meta-group .tribe-events-single-section-title { font-weight: normal; } .events-list .tribe-events-loop, .tribe-events-day .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .single-tribe_organizer .tribe-events-loop { max-width: 100%; } a.tribe-events-ical { margin-top: 0; } .tribe-events-cal-links a.tribe-events-gcal { margin-top: 0; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { clear: left; font-weight: bold; line-height: inherit; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd { float: inherit; line-height: inherit; list-style: none outside none; margin: 0 0 0 110px; padding: 10px 0; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd:after { display: none; } #tribe-bar-form { background-image: url(../images/stripes/stripes_5_b.png); } .tribe-events-back { padding: 15px 10px; margin-bottom: 20px; background-image: url(../images/stripes/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } ul.tribe-events-sub-nav a, .tribe-events-back a { font-size: 14px; font-weight: normal; } .tribe-events-event-image { border: 8px solid #f8f8f8; box-sizing: border-box; display: block; line-height: 0; } /* Widgets */ .tribe-events-list-widget {} .tribe-events-list-widget ol { padding: 10px 0 0 30px; } .tribe-events-list-widget ol li { margin-bottom: 20px; list-style-type: square; padding-left: 4px; } .tribe-events-list-widget ol li:befor/stripes_5_b.png); } .tribe-events-back { padding: 15px 10px; margin-bottom: 20px; background-image: url(../images/stripes/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } ul.tribe-events-sub-nav a, .tribe-events-back a { font-size: 14px; font-weight: normal; } .tribe-events-event-image { border: 8px solid #f8f8f8; box-sizing: border-box; display: block; line-height: 0; } /* Widgets */ .tribe-events-list-widget {} .tribe-events-list-widget ol { padding: 10px 0 0 30px; } .tribe-events-list-widget ol li { margin-bottom: 20px; list-style-type: square; padding-left: 4px; } .tribe-events-list-widget ol li:before { display: none; } .tribe-events-list-widget ol li h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .tribe-events-list-widget ol li .duration { font-weight: normal; color: rgba(0,0,0,.4); } .tribe-events-list-widget p.tribe-events-widget-link { margin-left: 30px; padding-top: 8px; border-top: 1px solid rgba(0, 0, 0, 0.08); } .tribe-events-list-widget p.tribe-events-widget-link a { font-weight: normal; font-size: 13px; } /* Colors */ .tribe-events-list-separator-month span { background: #fcfcfc; } .tribe-events-event-meta, .tribe-events-promo { color: #a8a8a8; } .tribe-events-calendar thead th { color: #444; } .tribe-events-calendar thead th { border-color: rgba(0, 0, 0, 0.08); } /* #Dark ================================================== */ .dark, .dark ul.timeline_items, .dark .icon_box a .desc, .dark .icon_box a:hover .desc, .dark .feature_list ul li a, .dark .list_item a, .dark .list_item a:hover, .dark .widget_recent_entries ul li a { color: #fff !important; } .dark .ui-tabs .ui-tabs-panel, .dark .accordion .question .answer { color: #626262; } /* Headings font */ .dark h1, .dark h1 a, .dark h1 a:hover { color: #fff; } .dark h2, .dark h2 a, .dark h2 a:hover { color: #fff; } .dark h3, .dark h3 a, .dark h3 a:hover { color: #fff; } .dark h4, .dark h4 a, .dark h4 a:hover { color: #fff; } .dark h5, .dark h5 a, .dark h5 a:hover { color: #fff; } .dark h6, .dark h6 a, .dark h6 a:hover, .dark a.content_link .title { color: #fff; } /* Borders */ .dark .idea_box, .dark table th, .dark table td, .dark .list_item .circle, .dark input[type="text"], .dark input[type="tel"], .dark input[type="password"], .dark input[type="email"], .dark textarea, .dark select, .dark .promo_box.has_border:after, .dark dl > dt, .dark dl > dd, .dark .article_box .desc_wrapper p, .dark a.icon_bar, .dark a.content_link, .dark .how_it_works .image, .dark .opening_hours, .dark .opening_hours .opening_hours_wrapper li, .dark .icon_box.has_border:after, .dark .chart_box:before, .dark .pricing-box, .dark .team_list .bq_wrapper, .dark .post-footer .post-links, .dark .format-link .post-title .icon-link, .dark .share_wrapper, .dark .post-header .title_wrapper, .dark .section-post-related .section-related-adjustment, .dark .comments, .dark .widget-area, .dark .widget:after, .dark .fixed-nav .desc h6, .dark .portfolio_group.list .portfolio-item, .dark .portfolio_group .portfolio-item .desc .details-wrapper, .dark .Recent_posts ul li .desc h6, .dark .widget_recent_entries ul li a, .dark .woocommerce .widget_best_sellers li, .dark .woocommerce .widget_featured_products li, .dark .woocommerce .widget_recent_reviews li, .dark .woocommerce .widget_recent_products li, .dark .woocommerce .widget_recently_viewed_products li, .dark .woocommerce .widget_random_products li, .dark .woocommerce .widget_top_rated_products li, .dark .woocommerce .widget_onsale li, .dark .woocommerce .widget_layered_nav li, .dark .woocommerce .widget_shopping_cart ul.product_list_widget li, .dark .woocommerce .widget_products li, .dark .woocommerce .product .related.products, .dark .woocommerce .product div.entry-summary h1.product_title:after, .dark .woocommerce .quantity input.qty { border-color: rgba(255,255,255,.08); } /* Grey */ .dark .blockquote p.author span, .dark .counter .desc_wrapper .title, .dark .article_box .desc_wrapper p, .dark .team .desc_wrapper p.subtitle, .dark .pricing-box .plan-header p.subtitle, .dark .pricing-box .plan-header .price sup.period, .dark .chart_box p, .dark .fancy_heading .inside, .dark .fancy_heading_line .slogan, .dark .post-meta, .dark .post-meta a, .dark .post-footer, .dark .post-footer a span.label, .dark .pager .pages a, .dark .button-love a .label, .dark .pager-single a, .dark #comments .commentlist > li .comment-author .says, .dark .fixed-nav .desc .date, .dark .filters_buttons li.label, .dark .Recent_posts ul li a .desc .date, .dark .widget_recent_entries ul li .post-date, .dark .tp_recent_tweets .twitter_time, .dark .widget_price_filter .price_label, .dark .shop-filters .woocommerce-result-count, .dark .woocommerce ul.product_list_widget li .quantity, .dark .widget_shopping_cart ul.product_list_widget li dl, .dark .product_meta .posted_in, .dark .woocommerce .shop_table .product-name .variation > dd, .dark .shipping-calculator-button:after, .dark .shop_slider .shop_slider_ul li .item_wrapper .price del, .dark .testimonials_slider .testimonials_slider_ul li .author span, .dark .testimonials_slider .testimonials_slider_ul li .author span a { color: #DEDEDE; } /* Dividers */ .dark hr { background-color: rgba(255,255,255,.08); color: rgba(255,255,255,.08); } /* Others */ .dark blockquote { color: #fff; } .dark .article_box .desc_wrapper h4 { color: #444; } .dark .progress_bars .bars_list li h6 .label { color: rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.05); } .dark .faq .question .title { color: #fff; } .dark .counter .desc_wrapper .number { color: #fff; } .dark a.content_link .title { color: #444; } .dark .opening_hours, .dark .opening_hours h3 { color: #444444; } .dark .Recent_posts ul li .desc { background: rgba(0,0,0,.1); } /* Pricing box */ .dark .pricing-box-box { background: rgba(0, 0, 0, 0.1); } .dark .pricing-box .plan-inside ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } /* Lists */ .dark .column_column ul, .dark .column_column ol, .dark .the_content_wrapper ul, .dark .the_content_wrapper ol { color: #fff; } /* List item */ .dark .list_item.lists_2 .list_icon i { color: #fff; } /* Pricing table */ .dark .pricing-box-table.pricing-box-featured { background: rgba(0,0,0,.1); } .dark .pricing-box .plan-header .price sup.period { color: rgba(255, 255, 255, 0.5) !important; } /* Call to action */ .dark .call_to_action .call_left h3 { color: rgba(0,0,0,.65); } .dark .call_to_action .call_center a { color: #fff; } /* Fancy heading */ .dark .fancy_heading_line { background-image: url(../images/fancy_heading_hr_dark.png); } /* Content slider */ .dark .content_slider.flat a.button .button_icon i { color: #fff; } /* Fancy links */ .dark a.mfn-link, .dark a:hover.mfn-link { color: #fff; } .dark a.hover.mfn-link-2 span:before, .dark a.mfn-link-8:after, .dark a.mfn-link-8:before { background: #fff; } .dark a.mfn-link-4:hover:before, .dark a.mfn-link-4:hover:after, .dark a.hover.mfn-link-4:before, .dark a.hover.mfn-link-4:after, .dark a.mfn-link-7:after, .dark a.mfn-link-7:before { background: #fff; } .dark a.mfn-link-6:before { border-bottom-color: #fff; } /* Pagination */ .dark .slider_pagination a { background: rgba(255, 255, 255, 0.3); } /* #Video Section ================================================== */ .section.has-video { position:relative; overflow:hidden;} .section.has-video .section_video { position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; overflow: hidden; z-index: 1;} .section.has-video .section_video .mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 3; background:url(../images/videomask.png) repeat center;} .section.has-video .section_video video { position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; z-index: 2;} .section.has-video .section_wrapper { position:relative; z-index:10;} @media only screen and (min-device-width:481px) and (max-device-width:1024px){ .section.has-video .section_video { display: none !important; } } /* #Section Navigation ================================================== */ .section.has-navi .section-nav { position:absolute; left:50%; z-index:20; cursor: pointer; font-size: 38px; width: 50px; height: 50px; line-height: 50px; margin: 0 0 0 -25px; text-align: center; color: rgba(0,0,0,.2); } .section.has-navi .section-nav:hover { color: rgba(0,0,0,.8); } .section.has-navi .section-nav.prev { top:75px;} .section.has-navi .section-nav.next { bottom:75px;} .section.has-navi:first-child .section-nav.prev, .section.has-navi:nth-last-child(2) .section-nav.next { display:none;} .section.has-navi .section-nav { color: rgba(0,0,0,.2); } .section.has-navi .section-nav:hover { color: rgba(0,0,0,.8); } .section.has-navi.dark .section-nav { color: rgba(255,255,255,.2); } .section.has-navi.dark .section-nav:hover { color: rgba(255,255,255,.8); } /* Animation */ .section.has-navi .section-nav { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* Visual Composer | Frontend Editor ------------------------------------------------- */ .wpb_wrapper > div { margin-bottom:35px;} .wpb_wrapper.ui-sortable .vc_call_to_action { background:none; border:none; padding:0;} body.layout-boxed .vc_row[data-vc-stretch-content="true"] { left:0 !important; width:auto !important; margin-left: -2.7%; margin-right: -2.7%;} body.layout-boxed .vc_row-no-padding .wpb_column { padding:0;} .vc_images_carousel { width: auto !important;} .wpb_wrapper .portfolio_group { font-size:inherit !important; line-height:inherit !important; color:inherit !important;} .wpb_wrapper .portfolio_group.flat .portfolio-item, .wpb_wrapper .portfolio_group.masonry-flat .portfolio-item { margin-bottom:0;} .wpb_wrapper .portfolio_group .portfolio-item .image_frame { margin-bottom:0;} .wpb_wrapper .wpcf7-form { display: inline-block;} /* Easy Digital Downloads ------------------------------------------------------------ */ .edd-page {} .edd_downloads_list .edd_download_inner { background: #fff; margin: 0 4% 20px; padding: 0 15px 20px; } .edd_downloads_list .edd_download_inner .edd_download_image { margin: 0 -15px; } .edd_downloads_list .edd_download_inner .edd_download_title { padding-top: 15px; } .edd_downloads_list .edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper { text-align: right; } .edd_downloads_list .edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper .edd-cart-added-alert { position: static; margin-top: 15px; } .edd_downloads_list .edd_download_inner .edd_download_buy_button a.button { margin: 0; } .edd_download_image { border-style: solid; border-width: 8px; box-sizing: border-box; display: block; line-height: 0; max-width: calc(100% + 30px); position: relative; } .edd_download_image:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #edd_checkout_cart th, #edd_checkout_cart td { text-align: left; border-width: 1px; border-style: solid; border-color: inherit; padding: 10px; } #edd_checkout_cart .edd_cart_header_row th { font-weight: bold; background: url(../images/bg_panel.png) repeat-x left top; padding: 10px; } #edd_checkout_cart .edd_cart_tax_row th, #edd_checkout_cart .edd_cart_discount_row th { background: inherit; } #edd_checkout_cart tr:hover td a { color: inherit; } table#edd_purchase_receipt, table#edd_purchase_receipt_products { margin-bottom: 40px; } #edd_checkout_form_wrap label, #edd_checkout_form_wrap span.edd-description { font-size: 100%; } #edd_checkout_form_wrap span.edd-description { margin-bottom: 10px; } #edd_checkout_form_wrap input[type="text"], #edd_checkout_form_wrap input[type="email"], #edd_checkout_form_wrap input[type="password"], #edd_checkout_form_wrap textarea { padding: 10px; } .edd-submit, #edd-purchase-button, input[type="submit"].edd-submit { padding: 11px 20px; font-size: 100%; font-weight: normal; border: inherit; } #edd_checkout_form_wrap #edd-login-account-wrap, #edd_checkout_form_wrap #edd-new-account-wrap, #edd_checkout_form_wrap #edd_final_total_wrap, #edd_checkout_form_wrap #edd_show_discount, #edd_checkout_form_wrap .edd-cart-adjustment { background: #fafafa none repeat scroll 0 0; color: #444; padding: 14px 20px; } #mc_embed_signup .clear { visibility: visible;} .mc4wp-form p > input { float: left; margin: 0 3px;} .tp-thumbs {background:#FFF !important;}