#pen_footer {
color: #eee;
font-size: 0.857em;
padding: 2rem;
position: relative;
z-index: 100;
}
#pen_footer.pen_not_transparent {
background: #000;
}
body.pen_drop_shadow #pen_footer {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
body.pen_drop_shadow #pen_footer.pen_not_transparent {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_round_corners.pen_width_boxed #pen_bottom.pen_is_transparent + #pen_footer,
body.pen_round_corners.pen_width_boxed.invisible-sidebar-bottom #pen_footer,
body.pen_round_corners.pen_width_narrow #pen_bottom.pen_is_transparent + #pen_footer,
body.pen_round_corners.pen_width_narrow.invisible-sidebar-bottom #pen_footer {
border-radius: 5px 5px 0 0;
}
#pen_footer .pen_footer_inner {
text-align: center;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner {
text-align: left;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner {
text-align: center;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner {
text-align: right;
}
#pen_footer a {
color: #ddd;
text-decoration: none;
}
#pen_footer a:focus,
#pen_footer a:hover,
#pen_footer a:active {
color: #fff;
text-decoration: none;
}
#pen_footer .pen_footer_inner nav li.pen_menu_create a:before {
content: '\f067';
display: inline-block;
font-family: 'Pen_FontAwesome';
font-weight: normal;
margin-right: 0.5rem;
}
#pen_footer .pen_footer_inner .pen_phone {
font-size: 1.25em;
}
#pen_footer .pen_footer_inner .pen_phone,
#pen_footer .pen_footer_inner .site-info,
#pen_footer .pen_footer_inner .pen_social_networks {
float: left;
margin-bottom: 0.5rem;
width: 100%;
}
#pen_footer .pen_footer_inner .pen_phone a {
display: block;
font-size: 1.5em;
font-weight: normal;
padding: 1rem;
}
#pen_footer .pen_footer_inner .pen_social_networks {
margin: 0 0 1rem;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner .pen_social_networks {
text-align: center;
}
#pen_footer .pen_footer_inner .pen_social_networks li {
display: inline-block;
font-size: 2em;
line-height: 1;
}
#pen_footer .pen_footer_inner .pen_social_networks a {
color: #fff;
display: inline-block;
font-weight: normal;
height: 1em;
line-height: 0.8;
opacity: 0.75;
padding: 1.5rem;
position: relative;
text-align: center;
text-decoration: none;
transition: color .3s, opacity .3s;
width: 1em;
}
#pen_footer .pen_footer_inner .pen_social_networks a:focus,
#pen_footer .pen_footer_inner .pen_social_networks a:hover,
#pen_footer .pen_footer_inner .pen_social_networks a:active {
opacity: 1;
outline: 0;
text-decoration: none;
}
#pen_footer .pen_footer_inner .pen_social_networks a:before {
font-family: 'Pen_FontAwesome';
font-weight: normal;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%,-50%);
}
#pen_footer .pen_footer_inner #pen_footer_menu,
#pen_footer .pen_footer_inner #pen_footer_menu ul {
float: left;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu ul,
#pen_footer .pen_footer_inner #pen_footer_menu li {
list-style: none;
margin: 0;
padding: 0;
}
#pen_footer .pen_footer_inner #pen_footer_menu li {
line-height: 1.3;
position: relative;
}
#pen_footer .pen_footer_inner #pen_footer_menu li ul {
margin: 0 0 0 1rem;
}
#pen_footer .pen_footer_inner #pen_footer_menu li li {
float: left;
}
#pen_footer .pen_footer_inner #pen_footer_menu li a {
display: block;
font-size: 1.286em;
position: relative;
text-transform: uppercase;
}
#pen_footer .pen_footer_inner #pen_footer_menu li li a {
padding: 1rem 2rem;
}
@media only screen and (min-width:728px) {
#pen_footer .pen_footer_inner #pen_footer_menu li a {
padding: 1rem 2rem;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner .pen_phone,
body.pen_footer_alignment_left #pen_footer .pen_footer_inner .site-info,
body.pen_footer_alignment_left #pen_footer .pen_footer_inner .pen_social_networks,
body.pen_footer_alignment_left #pen_footer .pen_footer_inner #pen_footer_menu {
clear: both;
width: auto;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner .pen_phone,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner .site-info,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner .pen_social_networks,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu {
clear: both;
float: right;
width: auto;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner #pen_footer_menu {
margin-left: -2rem;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_phone,
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_social_networks {
margin-left: -1rem;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_social_networks {
margin-left: -0.75rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner #pen_footer_menu {
margin-right: -2rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_phone,
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_social_networks	{
margin-right: -1rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_social_networks	{
margin-right: -0.75rem;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner #pen_footer_menu li,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu li {
float: left;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner #pen_footer_menu li {
display: inline-block;
}
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children {
height: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children li a {
padding-top: 0;
padding-bottom: 0;
}
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children,
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children li {
text-align: left;
}
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children ul li {
clear: both;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 100%;
opacity: 0.4;
position: absolute;
right: -3px;
top: 50%;
transform: translateY(-50%) rotate(-20deg);
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 50%;
opacity: 0.4;
position: absolute;
right: -3px;
top: 25%;
transform: rotate(20deg);
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 50%;
opacity: 0.4;
position: absolute;
right: -2px;
top: 25%;
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu > li:after {
background: #fff;
content: '';
height: 40%;
opacity: 0.5;
position: absolute;
right: 0;
top: 30%;
width: 2px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu > li:after {
background: #fff;
content: '';
height: 100%;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:before {
background: #fff;
content: '';
height: 100%;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:first-child:before,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:last-child:before {
left: 0;
right: auto;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:first-child:before {
left: auto;
right: 0;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_7 ul#secondary-menu > li:after {
background: #fff;
border-radius: 50px;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_8 ul#secondary-menu > li:after {
border: 3px solid #fff;
border-radius: 100px;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu > li:after {
border: 3px solid #fff;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: 0;
top: 50%;
transform: rotate(45deg) translateY(calc(-50% - 2px));
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu > li:after {
color: #fff;
content: '..';
font-size: 2em;
font-weight: bold;
height: 20px;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
right: -17px;
text-align: center;
top: 50%;
transform: translate(-50%,calc(-50% - 2px)) rotate(90deg);
width: 20px;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner #pen_footer_menu ul#secondary-menu > li:last-child:after,
body.pen_footer_alignment_center #pen_footer .pen_footer_inner #pen_footer_menu ul#secondary-menu > li:last-child:after,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu ul#secondary-menu > li:first-child:after {
display: none;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:last-child:after {
display: block;
}
}
@media only screen and (max-width:728px) {
#pen_footer {
padding: 2rem 1rem 2rem 2rem;
}
#pen_footer .pen_footer_inner #pen_footer_menu ul {
padding: 0 0 1rem;
}
#pen_footer .pen_footer_inner #pen_footer_menu ul,
#pen_footer .pen_footer_inner #pen_footer_menu li ul {
margin: 0;
}
#pen_footer .pen_footer_inner #pen_footer_menu li {
float: left;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu li a {
padding: 1rem;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
content: '';
height: 1px;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:first-child:after {
display: none;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu li:after {
background: #000;
content: '';
height: 2px;
left: 5%;
opacity: 0.3;
position: absolute;
top: 0;
width: 90%;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu li:first-child:after {
display: none;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:after {
background: #000;
content: '';
height: 1px;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:after {
left: 10%;
width: 80%;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:first-child:after {
display: block;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:first-child:after {
display: none;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_7 ul#secondary-menu li:after {
background: #000;
border-radius: 50px;
content: '';
height: 10px;
left: 0;
opacity: 0.25;
position: absolute;
top: 1.2rem;
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_8 ul#secondary-menu li:after {
border: 3px solid #000;
border-radius: 50px;
content: '';
height: 10px;
left: 0;
opacity: 0.25;
position: absolute;
top: 1.2rem;
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu li:after {
border: 3px solid #000;
content: '';
height: 10px;
left: 0;
opacity: 0.25;
position: absolute;
top: 1.2rem;
transform: rotate(45deg) translateY(2px);
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu li:after {
color: #000;
content: '..';
font-size: 2em;
font-weight: bold;
left: 1em;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
text-align: center;
top: -5px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu li:first-child:after {
display: none;
}
#pen_header .pen_phone .pen_phone_label {
display: block;
line-height: 1.5;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner #pen_footer_menu,
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_phone {
margin-left: -1rem;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_social_networks {
margin-left: -0.75rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner #pen_footer_menu,
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_phone {
margin-right: -1rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_social_networks	{
margin-right: -0.75rem;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner #pen_footer_menu li {
text-align: left;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner #pen_footer_menu li {
text-align: center;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu li {
text-align: right;
}
#pen_footer .pen_footer_inner #pen_footer_menu li li {
border: 0 none;
font-size: smaller;
padding-bottom: 0;
padding-top: 0;
}
}