html { font-family: Roboto, sans-serif; } .footer { background-color: #f0f4f7; } @media (min-width: 767px) { .footer { border-top: 1px solid #c9d0d9; } } .footer-menu { max-height: 0; overflow: hidden; margin: 0; padding: 0; list-style-type: none; transition: max-height 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-menu { max-height: none; } } @media (min-width: 768px) { .footer-menu-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 3.2rem; grid-row-gap: 3.2rem; padding-top: 2.4rem; padding-bottom: 2.4rem; border-bottom: 0.1rem solid #c9d0d9; } } @media (min-width: 992px) { .footer-menu-container { grid-template-columns: repeat(5,auto); grid-template-rows: 1fr; grid-column-gap: 3.2rem; } } @media (min-width: 1200px) { .footer-menu-container { grid-template-columns: repeat(5,1fr); } } .footer-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; font-size: 28px; } } @media only screen and (max-width: 992px) { .footer-menu-title { font-size: 22px; padding: 16px; } } .footer-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (max-width: 991px) { .footer-menu-title:before { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:before { display: none; } } .footer-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (max-width: 991px) { .footer-menu-title:after { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:after { display: none; } } .footer-menu-title:hover, .footer-menu-title:focus, .footer-menu-title:active { text-decoration: none; color: #fff; } .footer-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-menu-title-tablet { display: block !important; } } .footer-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-menu-title-mobile { display: block; } } .footer-menu-link { display: block; color: #fff !important; font-size: 18px; width: fit-content; height: 50px; } @media only screen and (max-width: 991px) { .footer-menu-link { padding-left: 1.2rem; } } @media only screen and (min-width: 992px) { .footer-menu-link { padding-left: 0px; } } .footer-menu-link:hover, .footer-menu-link:focus { text-decoration: none; } .footer-menu-link:hover .footer-menu-text:before, .footer-menu-link:focus .footer-menu-text:before { background-color: #fff; } .footer-menu-text { position: relative; } .footer-menu-text:before { content: ''; position: absolute; left: 0; bottom: -0.7rem; width: 100%; height: 0.1rem; transition: background-color 0.3s ease-in-out; } .footer-menu-lower { max-height: none; text-align: center; } @media only screen and (min-width: 992px) { .footer-menu-lower { text-align: left; } } .footer-menu-lower .footer-menu-item { display: inline-block; } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-item:last-child .footer-menu-link { margin-right: 0; } } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem; margin-right: 0.8rem; } } @media only screen and (min-width: 992px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem 0; margin-right: 1rem; font-size: 16px; } } .footer-secondary-menu { padding: 0; } @media (max-width: 991px) { .footer-secondary-menu { background-color: #1171BB; padding-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-secondary-menu { padding: 3rem 0; } } .footer-secondary-menu-link { display: block; padding: 12px; color: #fff !important; font-size: 18px; height: 45px; width: fit-content; } @media only screen and (min-width: 992px) { .footer-secondary-menu-link { padding-left: 0; color: #1171BB !important; } } .footer-secondary-menu-link:hover, .footer-secondary-menu-link:focus { text-decoration: none; } .footer-secondary-menu-link:hover .footer-menu-text:before, .footer-secondary-menu-link:focus .footer-menu-text:before { background-color: #4F5963; } .footer-secondary-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; color: #19222b !important; font-size: 28px; } } @media only screen and (max-width: 991px) { .footer-secondary-menu-title { color: #fff !important; font-size: 22px; padding: 16px; } } .footer-secondary-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:before { display: none; } } .footer-secondary-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:after { display: none; } } .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { text-decoration: none; color: #fff; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { color: #4F5963; } } .footer-secondary-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-secondary-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title-tablet { display: block !important; } } .footer-secondary-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-secondary-menu-title-mobile { display: block; } } .footer-lower-container { margin: 3.2rem 0 3.2rem 0; } @media only screen and (min-width: 992px) { .footer-lower-container { margin-top: 3.2rem; } } .footer-social { margin-top: 2rem; list-style-type: none; text-align: center; padding: 24px 0; border-top: 1px solid #004A81; } @media only screen and (min-width: 992px) { .footer-social { margin: 0; text-align: left; border-top: none; padding: 16px 0 16px 0; } } .footer-social-item { display: inline-block; margin-right: 1.2rem; } @media only screen and (min-width: 992px) { .footer-social-item { margin-right: 0.8rem; } } @media only screen and (min-width: 1200px) { .footer-social-item { margin-right: 1.2rem; } } .footer-social-item:last-child { margin-right: 0; } .footer-social-link { display: block; padding: 0.6rem; font-size: 1.6rem; } .footer-social-link:hover, .footer-social-link:focus { text-decoration: none; color: #1171BB !important; } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; background-color: #fff; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; } .footer-copy { padding: 1.2rem 0; font-size: 16px; text-align: center; color: #fff; border-top: none; } @media only screen and (min-width: 992px) { .footer-copy { text-align: right; } } .footer-copy span { display: block; } @media only screen and (min-width: 768px) { .footer-copy span { display: inline; } } .footer-main { background-color: #1171BB; padding: 0; } @media only screen and (min-width: 992px) { .footer-main { padding: 5rem 0; } } .footer-content { text-align: center; color: #fff; font-weight: 100; padding-right: 0; } @media only screen and (min-width: 992px) { .footer-content { text-align: left; padding-right: 5rem; } } .footer-content p, .footer-content p>a { color: #fff; padding: 0; } .footer-location { font-size: 16px; } .footer-location a:hover, .footer-location :focus { box-shadow: 0 1px 0 #fff; } .footer-lower-block { border: none; margin: 0; padding: 12px 0; } @media only screen and (min-width: 1200px) { .footer-lower-block { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-lower-block { border-top: 0.1rem solid #004A81; border-bottom: 0.1rem solid #004A81; margin-top: 4rem; } } .footer-brand-logo:hover { box-shadow: none; } .footer-brand-logo img { width: 18rem; padding-top: 4rem; padding-bottom: 1rem; } @media only screen and (min-width: 992px) { .footer-brand-logo img { padding: 1rem 0rem; } } .footer-app-store-badges { padding-top: 1rem; } .footer-app-store-badges img { padding: 1rem; margin-top: 1rem; width: auto; } .footer-app-store-badges a { text-decoration: none; } @media only screen and (min-width: 992px) { .footer-app-store-badges { display: none; } } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #f0f4f7; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; }

Voices Community Forum

Join creatives on the Voices Community Forum to connect and share tips, experiences, and more. Discover all Voices has to offer for your career.

Categories

html { font-family: Roboto, sans-serif; } .footer { background-color: #f0f4f7; } @media (min-width: 767px) { .footer { border-top: 1px solid #c9d0d9; } } .footer-menu { max-height: 0; overflow: hidden; margin: 0; padding: 0; list-style-type: none; transition: max-height 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-menu { max-height: none; } } @media (min-width: 768px) { .footer-menu-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 3.2rem; grid-row-gap: 3.2rem; padding-top: 2.4rem; padding-bottom: 2.4rem; border-bottom: 0.1rem solid #c9d0d9; } } @media (min-width: 992px) { .footer-menu-container { grid-template-columns: repeat(5,auto); grid-template-rows: 1fr; grid-column-gap: 3.2rem; } } @media (min-width: 1200px) { .footer-menu-container { grid-template-columns: repeat(5,1fr); } } .footer-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; font-size: 28px; } } @media only screen and (max-width: 992px) { .footer-menu-title { font-size: 22px; padding: 16px; } } .footer-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (max-width: 991px) { .footer-menu-title:before { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:before { display: none; } } .footer-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (max-width: 991px) { .footer-menu-title:after { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:after { display: none; } } .footer-menu-title:hover, .footer-menu-title:focus, .footer-menu-title:active { text-decoration: none; color: #fff; } .footer-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-menu-title-tablet { display: block !important; } } .footer-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-menu-title-mobile { display: block; } } .footer-menu-link { display: block; color: #fff !important; font-size: 18px; width: fit-content; height: 50px; } @media only screen and (max-width: 991px) { .footer-menu-link { padding-left: 1.2rem; } } @media only screen and (min-width: 992px) { .footer-menu-link { padding-left: 0px; } } .footer-menu-link:hover, .footer-menu-link:focus { text-decoration: none; } .footer-menu-link:hover .footer-menu-text:before, .footer-menu-link:focus .footer-menu-text:before { background-color: #fff; } .footer-menu-text { position: relative; } .footer-menu-text:before { content: ''; position: absolute; left: 0; bottom: -0.7rem; width: 100%; height: 0.1rem; transition: background-color 0.3s ease-in-out; } .footer-menu-lower { max-height: none; text-align: center; } @media only screen and (min-width: 992px) { .footer-menu-lower { text-align: left; } } .footer-menu-lower .footer-menu-item { display: inline-block; } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-item:last-child .footer-menu-link { margin-right: 0; } } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem; margin-right: 0.8rem; } } @media only screen and (min-width: 992px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem 0; margin-right: 1rem; font-size: 16px; } } .footer-secondary-menu { padding: 0; } @media (max-width: 991px) { .footer-secondary-menu { background-color: #1171BB; padding-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-secondary-menu { padding: 3rem 0; } } .footer-secondary-menu-link { display: block; padding: 12px; color: #fff !important; font-size: 18px; height: 45px; width: fit-content; } @media only screen and (min-width: 992px) { .footer-secondary-menu-link { padding-left: 0; color: #1171BB !important; } } .footer-secondary-menu-link:hover, .footer-secondary-menu-link:focus { text-decoration: none; } .footer-secondary-menu-link:hover .footer-menu-text:before, .footer-secondary-menu-link:focus .footer-menu-text:before { background-color: #4F5963; } .footer-secondary-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; color: #19222b !important; font-size: 28px; } } @media only screen and (max-width: 991px) { .footer-secondary-menu-title { color: #fff !important; font-size: 22px; padding: 16px; } } .footer-secondary-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:before { display: none; } } .footer-secondary-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:after { display: none; } } .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { text-decoration: none; color: #fff; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { color: #4F5963; } } .footer-secondary-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-secondary-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title-tablet { display: block !important; } } .footer-secondary-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-secondary-menu-title-mobile { display: block; } } .footer-lower-container { margin: 3.2rem 0 3.2rem 0; } @media only screen and (min-width: 992px) { .footer-lower-container { margin-top: 3.2rem; } } .footer-social { margin-top: 2rem; list-style-type: none; text-align: center; padding: 24px 0; border-top: 1px solid #004A81; } @media only screen and (min-width: 992px) { .footer-social { margin: 0; text-align: left; border-top: none; padding: 16px 0 16px 0; } } .footer-social-item { display: inline-block; margin-right: 1.2rem; } @media only screen and (min-width: 992px) { .footer-social-item { margin-right: 0.8rem; } } @media only screen and (min-width: 1200px) { .footer-social-item { margin-right: 1.2rem; } } .footer-social-item:last-child { margin-right: 0; } .footer-social-link { display: block; padding: 0.6rem; font-size: 1.6rem; } .footer-social-link:hover, .footer-social-link:focus { text-decoration: none; color: #1171BB !important; } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; background-color: #fff; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; } .footer-copy { padding: 1.2rem 0; font-size: 16px; text-align: center; color: #fff; border-top: none; } @media only screen and (min-width: 992px) { .footer-copy { text-align: right; } } .footer-copy span { display: block; } @media only screen and (min-width: 768px) { .footer-copy span { display: inline; } } .footer-main { background-color: #1171BB; padding: 0; } @media only screen and (min-width: 992px) { .footer-main { padding: 5rem 0; } } .footer-content { text-align: center; color: #fff; font-weight: 100; padding-right: 0; } @media only screen and (min-width: 992px) { .footer-content { text-align: left; padding-right: 5rem; } } .footer-content p, .footer-content p>a { color: #fff; padding: 0; } .footer-location { font-size: 16px; } .footer-location a:hover, .footer-location :focus { box-shadow: 0 1px 0 #fff; } .footer-lower-block { border: none; margin: 0; padding: 12px 0; } @media only screen and (min-width: 1200px) { .footer-lower-block { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-lower-block { border-top: 0.1rem solid #004A81; border-bottom: 0.1rem solid #004A81; margin-top: 4rem; } } .footer-brand-logo:hover { box-shadow: none; } .footer-brand-logo img { width: 18rem; padding-top: 4rem; padding-bottom: 1rem; } @media only screen and (min-width: 992px) { .footer-brand-logo img { padding: 1rem 0rem; } } .footer-app-store-badges { padding-top: 1rem; } .footer-app-store-badges img { padding: 1rem; margin-top: 1rem; width: auto; } .footer-app-store-badges a { text-decoration: none; } @media only screen and (min-width: 992px) { .footer-app-store-badges { display: none; } } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #f0f4f7; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; }

Voices is the world's #1 voice marketplace with over 2 million members. Since 2005, the biggest and most beloved brands have trusted Voices to help them find professionals to bring their projects to life.

100 Dundas Street, Suite 700 London, ON N6A 5B6
Call Us Toll Free at 1-888-359-3472

Voices Community Forum

Category List

Categories

Popular Tags