/* If you want to add your own CSS code, please do it in this file */ /* ------------------------------------------- * * font awesome * ------------------------------------------- */ .the-icons.span3 { float:left; width: 25%; line-height:25px; padding-bottom:10px; position:relative;} .the-icons.span3 [class^="icon-"] { color: #3E3E3E; font-size: 20px; position:absolute; top:0; left:0; cursor:default;} .the-icons.span3 [class^="icon-"]:hover { font-size:50px; background:#fff; padding:10px; display:block; text-align:center; width:70px; height:50px; border:1px solid #eee; top:-25px; left:-32px; z-index:2;} .the-icons.span3 .i-name { padding-left:40px;} @media only screen and (min-width: 768px) and (max-width: 959px){ .the-icons.span3 { width:33.333%;} } @media only screen and (min-width: 480px) and (max-width: 767px){ .the-icons.span3 { width:50%;} } @media only screen and (max-width: 479px){ .the-icons.span3 { width:100%;} } /* ------------------------------------------- * * configurator * ------------------------------------------- */ #configurator { color:#213442 !important; background:#f9f9f9; width: 272px; position: fixed; right: -272px; top: 57px; z-index: 9000; color: #515E6C; line-height: 21px; font-size: 12px; text-transform:uppercase;} #configurator form { margin-bottom:0; text-align:center;} #configurator select { background:none; box-shadow:0 0 0; margin-bottom:10px; padding: 3px; color:#213442;} #configurator .control { display:block; width:51px; height:51px; position:absolute; top:280px; left:-51px; background:#f9f9f9 url(../images/configurator/ico.png) no-repeat center; text-indent:-9999px;} #configurator .inside { padding:10px;} #configurator .header { text-align:center; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #eee; font-size:18px; font-weight: 300;} #configurator ul.image-select { margin-bottom:5px;} #configurator ul.image-select li { display:block; float:left; } #configurator ul.image-select li a { display:block; width:32px; height:32px; float:left; margin:5px;} #configurator ul.image-select li:hover { border-color:#ccc;} #configurator ul.select-color li a { text-indent:-9999px;} #configurator ul.text-select { margin-bottom:15px; } #configurator ul.text-select li { float:left; width:50%; font-size:13px; } #configurator ul.text-select li.select1 { width:100%; } #configurator ul.text-select li.select2 { width:50%; } #configurator ul.text-select li.select3 { width:33%; } #configurator ul.text-select li.select4 { width:25%; } #configurator ul.text-select li:not(.active) a { color:#515E6C; } #configurator a.minimalist-header:not(.active) { color:#515E6C;} #configurator a.minimalist-header span { font-size:10px; color:#888;} #configurator ul.pattern-select li a { background:url(../images/configurator/patterns.png) no-repeat top left;} #configurator ul.pattern-select li a.pattern-1 { background-position: 0 0; } #configurator ul.pattern-select li a.pattern-10 { background-position: 0 -33px; } #configurator ul.pattern-select li a.pattern-11 { background-position: 0 -66px; } #configurator ul.pattern-select li a.pattern-12 { background-position: 0 -99px; } #configurator ul.pattern-select li a.pattern-13 { background-position: 0 -132px; } #configurator ul.pattern-select li a.pattern-14 { background-position: 0 -165px; } #configurator ul.pattern-select li a.pattern-15 { background-position: 0 -198px; } #configurator ul.pattern-select li a.pattern-16 { background-position: 0 -231px; } #configurator ul.pattern-select li a.pattern-17 { background-position: 0 -264px; } #configurator ul.pattern-select li a.pattern-18 { background-position: 0 -297px; } #configurator ul.pattern-select li a.pattern-2 { background-position: 0 -330px; } #configurator ul.pattern-select li a.pattern-3 { background-position: 0 -363px; } #configurator ul.pattern-select li a.pattern-4 { background-position: 0 -396px; } #configurator ul.pattern-select li a.pattern-5 { background-position: 0 -429px; } #configurator ul.pattern-select li a.pattern-6 { background-position: 0 -462px; } #configurator ul.pattern-select li a.pattern-7 { background-position: 0 -495px; } #configurator ul.pattern-select li a.pattern-8 { background-position: 0 -528px; } #configurator ul.pattern-select li a.pattern-9 { background-position: 0 -561px; } #configurator .select-dropdown { position:relative; margin-bottom:15px;} #configurator .select-dropdown ul { position:absolute; top:100%; left:0; width:100%; background:#f1f1f1; padding:5px 0; display:none;} #configurator .select-dropdown:hover ul { display:block;} #configurator .select-dropdown ul li:not(.active) a { color:#515E6C;} #configurator p { font-size:14px; line-height:16px; margin-bottom:5px; font-weight:300; margin-bottom:20px;} #configurator #colorSelector { background-image:url(../images/configurator/colorpicker.png); height:37px; width:37px; margin:0 auto; margin-bottom:15px;} .colorpicker { z-index:9001;} .colorpicker input { width:auto !important;} /* mobile only */ @media only screen and (max-width: 768px){ #configurator { display:none;} } /* ------------------------------------------- * * demo * ------------------------------------------- */ /* sections */ .parallax-video .content_video iframe { border: 35px solid #efefef; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -moz-box-sizing:border-box; box-sizing:border-box; } .section-border-top { border-top: 1px solid rgba(0,0,0,.08); } .page-id-378 #Content { padding-top: 0 !important; } .notable_works .items_group { background: #eaeae8; } .notable_works .items_group .fancy_heading h2 { margin-bottom: 0; padding-top: 40px; } .page-id-556 .shop_slider .blog_slider_header { display: none; } .page-id-556 .fancy_heading h2 { margin-bottom: 0; } .page-id-601 #Content { padding-top: 0 !important; } .page-id-616 #Content { padding-top: 0 !important; } .page-id-421 #Content { padding-top: 0 !important; } /* Home */ .page-id-2 #ecommerce_ready .fancy_heading { text-align: left; } /* Landing page */ .page-id-511 #Footer { background-color: #221330; background-image: url(../images/demo/landing_footer.html); background-repeat: no-repeat; background-position: top center; } /* Church */ .page-id-577 #Footer { background-image: url(../images/demo/church_footer.html); background-repeat: no-repeat; background-position: top center; } /* Hotel */ .page-id-562 #Footer { background-image: url(../images/demo/hotel_footer.html); } /* Creative */ .page-id-542 #Subheader { display: none; } .page-id-542:not(.template-slider) #Header { min-height: 100%; } .page-id-542 #Footer { background-color: #2d2d2d; }