/*
Theme Name: Second Skin Agency
Theme URI: 
Author: Levente Kapitany
Author URI: 
Description: Second Skin Agency theme website theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom
Text Domain: Second Skin Agency
*/

@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo'), url(https://0ed1dc.claudeassets.com/20250420040413im_/http://fonts.gstatic.com/s/arimo/v8/HNu4Nzh6q8Es60EMNZhs9w.woff2) format('woff2'), url(https://011db9.claudeassets.com/20250420040413im_/http://fonts.gstatic.com/s/arimo/v8/wZLYhRRxZWGToTRP78bqJQ.woff) format('woff');
}
@font-face {
  font-family: 'ArimoBold';
  font-style: normal;
  font-weight: 700;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://d3f14f.claudeassets.com/20250420040413im_/http://fonts.gstatic.com/s/arimo/v8/27rE5lMk9EHpLbxiIuGd0PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(https://3cec88.claudeassets.com/20250420040413im_/http://fonts.gstatic.com/s/arimo/v8/UnXpojilM3XslYxUnWuVe_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Garamond';
  font-style: normal;
  font-weight: 400;
  
  src: local('EB Garamond'), local('EBGaramond'), url(https://3f846a.claudeassets.com/20250420040413im_/http://fonts.gstatic.com/s/ebgaramond/v7/kYZt1bJ8UsGAPRGnkXPeFY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(https://1b74b1.claudeassets.com/20250420040413im_/http://fonts.gstatic.com/s/ebgaramond/v7/kYZt1bJ8UsGAPRGnkXPeFYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@charset "utf-8";
/* CSS Document */

body { background: #e6e6e6 url(https://4fa177.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/bg-header.jpg) top center repeat-x; }
body.home,
body.page-template-page-contactus,
body.page-template-page-boxes { background: #e6e6e6 url(https://0ab006.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/bg-white-home.jpg) top center repeat-x; }
body {  }

p, li, td { font-family: 'Arimo', sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Garamond', serif; }
p, li, a, h1, h2, h3, h4, h5 { color: #656565; }
a:hover { color: #7ac142; }

strong, b { font-family: 'ArimoBold', serif; } 

.contain-to-grid { background: none; }

.top-bar { height: 98px; background: none;  }
.top-bar ul { font-size: 1.1em; height: 62px; margin: 1.8em 1em !important; border-bottom: 2px solid #ffffff; }
.top-bar .email { float: left; }
.top-bar .phone { float: right; }
.top-bar li, .top-bar li a { color: #939598; }
.top-bar li span { display: inline-block; margin: 0 0 0 1em; }

div.header { }
div.header .email { font-size: 1.1em; float: left; margin: 0; color: #939598; }
div.header .email a { color: #939598; }
div.header .phone { font-size: 1.1em; float: right; color: #939598; }
div.header ul { list-style-type: none; margin-top: 2em; margin-left: 0; }
div.header li span { display: inline-block; margin: 0 0 0 2em; }
div.header .logo img { background: #ffffff; width: 75%; max-height: 224px; }
div.header .logo { display: block; float: left; margin: 20px 0; }

div.maintitle h1 { margin-top: -2.1em; font-size: 3em; color: #505050; }

.homebanner { margin-top: 1em; margin-bottom: 4em; padding: 0 1em !important; }
.homebanner .columns { padding-right: 0 !important; }
.homebanner h1 { margin: 0; padding: 0; }
.homebanner .left { width: 52%; }
.homebanner .right { width: 48%; background: #b3aca2; padding: 50px 30px 20px 40px !important; }
.homebanner .right h1 { color: #ffffff; font-family: 'Arimo', sans-serif; font-size: 3em; }
.homebanner .right p { color: #ffffff; line-height: 1.1em; margin: 1em 0; }
.homebanner .right .button { letter-spacing: 1.5px; font-family: 'Garamond', serif; color: #ffffff; border: 1px solid #ffffff; width: 100%; padding: 1em; text-align: center; text-transform: uppercase; background: none; }
.homebanner .columns.leftlogo { padding: 0 1.2em 0 0 !important; }
.homebanner .columns.rightlogo { padding: 0 1.2em 0 0 !important; }
.homebanner .columns.leftlogo img:first-child,
.homebanner .columns.rightlogo img:first-child { padding: 0 0 1.2em 0 ; }

.homebanner.contact .right h1 { color: #ffffff; font-family: 'Garamond', sans-serif; font-size: 3em; margin: -20px 0 -10px 0 !important; }
.homebanner.contact .right h2 { color: #ffffff; font-family: 'Garamond', sans-serif; text-transform: uppercase; line-height: 1em; font-size: 1.1em; margin: 1.5em 0 0.6em 0; }
.homebanner.contact .right p { color: #ffffff; font-size: 1.1em; line-height: 1.4em; margin: 0; }
.homebanner.contact .right p a { color: #ffffff; }
.homebanner.contact { margin-bottom: 4em; }

.row.title { margin-top: -4em; }

.homebanner.boxes .right h1 { color: #ffffff; font-family: 'Garamond', sans-serif; font-size: 2.7em; }
.homebanner.boxes .right h2 { color: #ffffff; font-family: 'Garamond', sans-serif; text-transform: uppercase; line-height: 1em; font-size: 1.4em; margin: 1.2em 0 0.6em 0; }
.homebanner.boxes .right h3 { color: #ffffff; font-family: 'Aramo', sans-serif; font-size: 1.1em; line-height: 1.4em; margin: 1.2em 0 0.6em 0; }
.homebanner.boxes .right p { color: #ffffff; font-size: 1.1em; line-height: 1.4em; margin: 1em 0; }
.homebanner.boxes .right a { color: #ffffff; text-decoration: underline; }
.homebanner.boxes { margin-bottom: 4em; }

.bggrey { padding: 50px 0; background: #dddddd url(https://fdd569.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/bg-grey.jpg) top center repeat-x;  }
.home .bggrey { box-shadow: none; -webkit-box-shadow: none; }
.bgwhite { padding: 50px 0; background: #e6e6e6 url(https://d37af3.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/bg-white.jpg) top center repeat-x; box-shadow: 0 0 50px rgba(0,0,0,0.08); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.08); }
.bgwhite h2 { padding: 10px 0 25px 0; font-size: 2.6em; }

.home .bgwhite { padding: 20px 0 50px 0; }
.home article { margin: -15px 0 0 0; }

.mainnav { border-top: 2px solid #fff; list-style-type: none; margin: 0 1em 0 0; width: 75%; padding: 10px 0 0 0; }
.mainnav li { font-size: 1.1rem; line-height: 1.3em; text-transform: uppercase; font-family: 'Garamond', serif; padding: 1em 0 0 0; }
.mainnav li a { font-family: 'Garamond', serif; color: #888888; display: block; }
.mainnav li a:hover { color: #7ac142; }
.mainnav li ul { display: none; margin: 0; }
.mainnav li.current-menu-item ul,
.mainnav li.current-page-ancestor ul { display: block; }
.mainnav li ul li { font-size: 1rem; list-style-type: none; }
.mainnav li ul li a { color: #909090; padding: 0 0 0 1.1em; background: url(https://649055.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/bg-arrow-nav.png) no-repeat; background-position: -5px -1px; background-size: 20px 222px; }
.mainnav li ul li a:hover { background-position: -5px -203px; }
.mainnav li.current-menu-item a { color: #7ac142; background-position: -5px -203px; }
.mainnav li.current-menu-item ul li a { color: #999999; }
.mainnav li.current-menu-item ul li a:hover { color: #7ac142; }
.mainnav li.current-menu-item ul li.current-menu-item a { color: #7ac142; background-position: -5px -203px; }

.off-canvas-list ul { list-style-type: none;  }

.talentlist { padding: 0 0 0 1em; }
.talentlist li { margin: 0 0 1em 0; padding: 0 1em 0 0; }
.talentlist .right { padding: 15px 25px 0 25px !important; position: relative; overflow: auto; }
.talentlist .right,
.talentlist .left { background: #ccc; }
.talentlist .right h2 { padding: 0 !important; text-transform: uppercase; font-size: 1.1em; font-family: 'Garamond', serif; color: #ffffff; }
.talentlist .right h2 a { display: block; padding: 0 0 9px 0; color: #ffffff; border-bottom: 1px solid rgba(255,255,255,0.3); }
.talentlist .right h3 { margin-top: -5px !important; }
.talentlist .right h3 a { font-size: 0.9em; color: #4f4f4f; }
.talentlist .right p { font-size: 0.9em; line-height: 1em; }
.talentlist .right .arrow { position: absolute; left: 25px; bottom: 20px; width: 27px; height: 27px; background: url(https://c16ef0.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/bg-arrow-white.png); background-size: 27px 54px; display: block; text-indent: -9900px; }
.talentlist .right .arrow:hover { background-position: bottom; }

.talentlist li.onscreen .right,
.talentlist li.onscreen .left { background: #b3aca2; } 
.talentlist li.onstage .right,
.talentlist li.onstage .left { background: #acc991; } 
.talentlist li.specialartist .right,
.talentlist li.specialartist .left { background: #94d1ca; } 
.talentlist li.director .right,
.talentlist li.director .left,
.talentlist li.directors .right,
.talentlist li.directors .left { background: #b391c9; } 
.talentlist li.writer .right,
.talentlist li.writer .left,
.talentlist li.writers .right,
.talentlist li.writers .left { background: #f9b760; } 
.talentlist li.motioncapture .right,
.talentlist li.motioncapture .left { background: #94d1ca; } 
.talentlist li.puppeteers .right,
.talentlist li.puppeteers .left { background: #94d1ca; } 
.talentlist li.puppetandset .right,
.talentlist li.puppetandset .left { background: #94d1ca; } 

.talentlist2 { padding: 0 0 0 0.5em; }
.talentlist2 li { width: 46%; margin: 0 1em 1em 0; padding: 0 1em 0 0; border: 1px solid rgba(0,0,0,0.07); }
.talentlist2 .right { position: relative; overflow: auto; }
.talentlist2 img { float: left; width: 40%; }
.talentlist2 .floatright { float: right; width: 55%; }
.talentlist2 .right,
.talentlist2 .left { }
.talentlist2 h2 { font-size: 1.8em; color: #4f4f4f; margin: 0.5em 0 0.3em 0; line-height: 1.3em; }
.talentlist2 h2 a { font-size: 0.8em; color: #4f4f4f; display: block; }
.talentlist2 p { font-size: 0.8em; line-height: 1.2em; }
.talentlist2 .arrow { width: 27px; height: 27px; margin: 0 0 1em 0; background: url(https://74a6a1.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/bg-arrow-grey.png); background-size: 27px 54px; display: block; text-indent: -9900px; }
.talentlist2 .arrow:hover { background-position: bottom; }

article a { text-decoration: underline; }
article h1 a,
article h2 a,
article h3 a,
article h4 a { text-decoration: none; }
article p { font-size: 1em; }
article h1 { margin-top: -10px !important; }
.home article h2 { font-size: 2.6em; line-height: 1.1em; padding-bottom: 20px; }
.home article { padding: 0 30px !important; }

ul.newslist { list-style-type: none; margin: 0; }
ul.newslist li { padding: 2.5em 0 2.5em 0; border-top: 1px solid #dedede; border-top: 1px solid rgba(0,0,0,0.07); }
ul.newslist li:first-child { padding: 0 0 2.5em 0; border-top: none; }
ul.newslist img { padding: 0 1em 0 0 ; }
ul.newslist h2 { font-size: 1.8em; margin: -5px 0 0.3em 0; }
ul.newslist p { font-size: 1em; line-height: 1.3em; }
ul.newslist .arrow { width: 27px; height: 27px; background: url(https://74a6a1.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/bg-arrow-grey.png); background-size: 27px 54px; display: block; text-indent: -9900px; }
ul.newslist .arrow:hover { background-position: bottom; }

/* custom width */
.row { max-width: 1000px; padding: 0 1em; }
.column { }
.columns { padding: 0 !important; }
.columns .columns { padding: 0 !important; }
.contain-to-grid .top-bar { max-width: 1000px; }

footer { background: #656564; padding: 0 0 2em 0; }
footer li { padding-top: 10px; }
footer li,
footer p { color: #c2c2c2; font-size: 15px; }
footer a { color: #c2c2c2; }
footer a:hover { color: #ffffff; }
footer ul { list-style-type: none; border-left: 2px solid #757574; padding: 1.5em 0 0 1em; margin: 0 0 2em 0; }
footer p { margin: 0 0 0.5em 0; }
footer .logo { float: right; margin: 1.5em 0; display: block; text-indent: -9900px; background: url(https://194115.claudeassets.com/20250420040413im_/http://www.secondskinagency.com/images/second-skin-agency-logo-footer.gif); background-size: 90px 115px; width: 90px; height: 115px; }

.sideinfo { margin: 20px 0; font-size: 0.9em; padding: 1em; color: #dedede; }
.sideinfo a { color: #dedede; }
.sideinfo img { display: block; margin: 20px 0; width: 50%; height auto; }

.clear { clear: both; height: 0; font-size: 0; line-height: 0; }

.talent .medium-9 { padding: 0 0 0 2em !important; }
.talent .bg { padding: 2em; } 
.talent.onscreen .bg { background: #b3aca2; } 
.talent.onstage .bg { background: #acc991; } 
.talent.specialartist .bg { background: #94d1ca; } 
.talent.director .bg,
.talent.directors .bg { background: #b391c9; } 
.talent.writer .bg,
.talent.writers .bg { background: #f9b760; } 
.talent.motioncapture .bg { background: #94d1ca; } 
.talent.puppeteers .bg { background: #94d1ca; } 
.talent.puppetandset .bg { background: #94d1ca; } 
.talent h3 { text-transform: uppercase; font-size: 1.1em;  }

.bg table { background: none !important; }
.bg table td { color: #ffffff !important; background: none !important; }
.bg table tr { background: none !important; }
.bg table { width: 100%; border-collapse: collapse; border: none; }
.bg table td { font-size: 16px; line-height: 1.5em; border: none; border-left: none; border-right: none; padding-left: 0; }

.talent .button { letter-spacing: 0px; font-size: 0.9em; font-family: 'Garamond', serif; color: #757575; border: 1px solid #b3aca2; width: 100%; margin: 1em 0 0 0; padding: 1em 0; max-width: 227px; text-align: center; text-transform: uppercase; background: none; }
.talent .medium-3 p { margin: 0; }

article .talent h1,
article .talent h2,
article .talent h3,
article .talent h4 { color: #ffffff; padding: 0 0 0.3em 0; margin: 0 0 0.7em 0; border-bottom: 2px solid rgba(255,255,255,0.3); }

article .talent p,
article .talent li,
article .talent td { color: #ffffff; }

article table td { color: #757575 !important; }
article table tr { background: none !important; }
article table { width: 100%; border-collapse: collapse; border: none; }
article table td { font-size: 16px; line-height: 1.5em; border: 1px solid #ccc; border-left: none; border-right: none; }

article table.moreinfo { font-family: 'Garamond', serif; width: auto; background: none; margin: 1em 0 0 0 !important; padding: 0 !important; font-family: 'Garamond', serif; }
article table.moreinfo tr { background: none; vertical-align: top; }
article table.moreinfo td { font-family: 'Garamond', serif; font-size: 1.1em; color: #757575; border: none; padding: 0em 0 0.5em 0; }
article table.moreinfo td:first-child { padding: 0em 1em 0.5em 0; }

p.order,
p.orderlinks { float: left; color: #909090; font-size: 0.7em; text-transform: uppercase; }
p.order { margin: -5px 2em 1em 0; }
p.orderlinks { margin: -5px 0 1em 0; }
p.orderlinks a { display: inline-block; margin: 0 0 0 2em; color: #909090; text-decoration: none;  }
p.orderlinks a:hover { color: #7ac142; text-decoration: underline; }
p.orderlinks .icon { background: #ffffff; display: none; width: 15px; text-align: center; }
p.orderlinks a.current { color: #7ac142; }

.pagination { text-align: center; }
.pagination a, .pagination span { min-width: 2.25em; text-decoration: none; margin: 0 10px 5px 0; border: 1px solid #ccc; display: inline-block; padding: 5px 10px; color: #999999; background: none; border-radius: 0px; }
.pagination span { background: #7ac142; color: #ffffff; font-weight: normal; border: 1px solid #7ac142; }
.pagination a:hover { transition: background-color 2ms ease-out; background: #ffffff; background-size: 80px 20px; }

/*article styles*/
@media only screen and (max-width:40.063em){
.homebanner .left,
.homebanner .right { width: 100%; }
.tab-bar.fixed { position: fixed; }
header { padding-top: 3em; }
.homebanner .columns.rightlogo { padding: 0 0 0 0 !important; }
.homebanner .columns.leftlogo img { padding: 0 0.5em 1em 0 !important; }
.homebanner .columns.rightlogo img { padding: 0 0  1em 0.5em !important; }
.homebanner .right .button { font-size: 1em; letter-spacing: 0; }
/*.homebanner img { margin: 0 0 1em 0; padding: 0; width: 100% !important; }*/
.homebanner .columns:first-child { margin: 0; padding: 0!important; }
.homebanner .columns.right { min-height: 30px!important; }
footer .logo { float: left; }
.talentlist .right .arrow { display: none; }
footer ul { display: none; }
div.maintitle h1 { margin-top: 0.5em; }
.talent .medium-9 { padding: 0 !important; }
.talent img { float: left; margin: 0 1em 1em 0; }
.talent p .button { margin: 0 0 1em 0; }
.talentlist2 li { width: 98%; margin: 0 0 1em 0; }
}
@media only screen and (min-width:40.063em) and (max-width:52em) {
.homebanner .right h1 { font-size: 1.8em; }
.homebanner .right p { font-size: 0.9em; }
.homebanner .right .button { letter-spacing: 0; }
.talentlist .right p { font-size: 0.8em; line-height: 1.2em; }
.talentlist .right .arrow { /*display: none;*/ }
.talentlist .right h2 { font-size: 0.8em; }
.talentlist .right h3 { font-size: 1.1em; }
.talentlist2 p { font-size: 0.8em; line-height: 1.1em; }
.talentlist2 h2 { line-height: 1.1em; font-size: 1.4em; }
div.header .email { font-size: 0.8em; float: right; }
div.header .phone { font-size: 0.8em; }
.mainnav li { font-size: 1rem;}
.mainnav li ul li { font-size: 0.9rem; }
}
@media only screen and (min-width:52.063em) and (max-width:56em) {
.homebanner .right h1 { font-size: 1.9em; }
.homebanner .right p { font-size: 1.0em; }
.talentlist .right p { font-size: 0.8em; line-height: 1.2em; }
.talentlist .right h3 a { color: #4f4f4f;}
.talentlist2 p { font-size: 0.8em; line-height: 1.1em; }
.talentlist2 h2 { line-height: 1.1em; }
}
@media only screen and (min-width:56.063em) and (max-width:64em) {
.homebanner .right h1 { font-size: 2.3em; }
.homebanner .right p { font-size: 1.1em; line-height: 1.5em; }
.homebanner .right .button { font-size: 1.1em; line-height: 1.5em; }
.talentlist .right p { font-size: 0.8em; line-height: 1.2em; }
.talentlist2 p { font-size: 0.8em; }
}

@media only screen and (min-width:64.063em) {
.homebanner .right h1 { font-size: 2.5em; margin-top: -9px !important; }
.homebanner .right p { font-size: 1.15em; line-height: 1.8em; }

.homebanner .right .button { font-size: 1.3em; line-height: 1.5em; }
.homebanner .right .button { position: absolute; bottom: 1em; letter-spacing: 1.3px; font-family: 'Garamond', serif; color: #ffffff; border: 1px solid #ffffff; width: 83%; padding: 1em 0; text-align: center; text-transform: uppercase; background: none; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){
article { min-height: 430px; }
.homebanner.contact,
.homebanner.boxes { min-height: 540px; }
}
/*
     FILE ARCHIVED ON 10:38:27 Sep 11, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:39:26 Sep 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.408
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.042
  esindex: 0.006
  cdx.remote: 13.741
  LoadShardBlock: 108.917 (3)
  PetaboxLoader3.datanode: 159.997 (5)
  PetaboxLoader3.resolve: 87.528 (3)
  load_resource: 144.251 (2)
*/