/**/
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/* Home Page General Styles*/
body
{
font-family: Vodafone;
line-height: 1.5em;
}
a.BlackText
{
color: #000000;
text-decoration: none;
}
h1
{
font-size: 2.75em;
font-family: 'Vodafone Rg';
color: #ffffff;
}
h2
{
font-size: 1.6785em;
font-family: 'Vodafone Rg';
color: #ffffff;
}
h2.SubCenter
{
text-align: center;
margin-bottom: 1.2em;
color: #ffffff;
font-family: 'Vodafone Rg', Arial, sans-serif;
}
img.Hyperlinked
{
border-style: none;
}
img.Slideshow
{
border-style: none;
margin-bottom: 15px;
}
p
{
color: #5a5a5a;
margin-bottom: 8px;
margin-top: 8px;
}
p.Copyright
{
font-size: 0.9em;
text-align: left;
color: #888888;
line-height: 1.6em;
margin: 0 0 10px 0;
}
.centered-text
{
text-align: center;
}
.center
{
margin-right: auto;
margin-left: auto;
float: none !important;
text-align: center;
}
.whiteheader
{
color: #ffffff;
font-weight: normal;
}
.inner-wrap .tab-bar .nav-search
{
display: none;
}
.inner-wrap .main-section > .outer-row
{
/*max-width: 100%;*/
padding: 0;
}
div.whitebox
{
background-color: #ffffff;
padding: 20px;
margin: 10px;
padding-top: 30px;
padding-left: 30px;
background-size: 100px 100px;
background-position-x: center;
background-position-y: center;
}
/* Home Page Button Styles */
.button
{
cursor: pointer;
background-color: transparent;
width: 200px;
height: 35px;
font-weight: bold;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.button.gray
{
background-color: #cccccc;
font-family: Vodafone Rg;
font-weight: normal;
font-size: 14pt;
text-decoration: none;
}
.button.black
{
border: solid 2px black;
color: black;
}
.button.black:hover
{
background-color: #ccc;
}
.button a
{
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
/* Responsive Header Styles*/
#contentBody > .responsive-header
{
background-color: transparent;
}
/* Content Section */
#content-section
{
padding-top: 25px;
padding-bottom: 25px;
background-color: #f4f4f4;
margin-top: -50px;
z-index: 1;
}
#content-dark
{
padding-top: 75px;
padding-bottom: 75px;
background-color: #333333;
margin-top: -50px;
width: 100%;
}
/*#content-dark div.button-group
{
padding-top: 25px; !important;
}*/
#content-section h2
{
font-weight: normal;
}
.right-section div.button-group,
.left-section div.button-group #content-section .left-section /*{
padding-top: 25px; !important;
}*/
{
padding-right: 20px;
}
#content-section .right-section
{
padding-left: 20px;
}
.left-section .left-content,
.right-section .right-content
{
height: 270px;
}
#content-section .right-section .table-images:first-of-type
{
margin-bottom: 20px;
}
#content-section.mc-blurb p
{
margin-top: 0;
margin-bottom: 5px;
}
#content-section.mc-blurb .mc-bullets
{
margin-top: 10px;
padding-left: 30px;
padding-right: 10px;
}
#content-section.mc-blurb .mc-bullets > li
{
color: #5a5a5a;
list-style-image: url('../Images/Bullet1.png');
font-size: 14px;
margin-top: 8px;
line-height: 1.6em;
}
/* Home Page Topic Hero section*/
div.topichero
{
/* background-size: cover;
background-repeat: no-repeat;
padding-bottom: 150px;
background-image: url('../Images/header-image.jpg');
z-index: 10;
background-clip: padding-box;
padding-top: 0;
background-color: #333333;
background-attachment: scroll;
background-position: center;
z-index: 10;
background-color: #333333;
height: 400px;*/
}
div.topichero h1
{
font-size: 3.6em;
margin-top: 1.11em;
margin-bottom: 0.5em;
line-height: 100%;
}
div.topichero h2
{
font-size: 1.8em;
margin-bottom: 80px;
line-height: 100%;
}
/*.search-bar._Skins_VARSearch.mc-component
{
margin: 0 auto;
}*/
/*.search-bar
{
margin: 0 auto !important;
}*/
/* Home Page slide show */
div.slidingshow
{
margin-top: -79px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
width: 750px;
}
.mc-wrapper .mc-caption
{
background: none;
}
/* Home Page Video Section */
.video-section
{
padding-top: 25px;
padding-bottom: 25px;
}
.video-section img
{
padding-right: 0px;
margin-top: 10px;
}
.video-wrapper
{
padding: 1%;
/* 16:9 */
position: relative;
margin-bottom: 20px;
margin-right: 5px;
margin-left: 5px;
border: solid 1px #cccccc;
text-align: center;
}
.video
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Home Page Footer */
div.footer a
{
text-decoration: none;
color: #DADADA;
}
div.footer > div.outer-row
{
line-height: 30px;
padding: 0;
}
.footer-logo
{
max-width: 100%;
}
.footer-links
{
text-align: left;
}
.footer-links a
{
padding-right: 15px;
}
.footer-icons
{
text-align: right;
}
div.home-tiles a:hover /*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
color: #7469b9;
}
.footer-icons > a:first-of-type
{
padding-right: 10px;
}
/* Mad Cap proxy/editor assigned styles */
/*MadCap|searchBarProxy
{
display: none;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
float: none;
width: 50%;
list-style-image: none;
list-style: disc;
}*/
MadCap|topicToolbarProxy
{
float: none;
}
p.TOC2
{
margin-left: 20px;
display: none;
}
MadCap|menuProxy.menu1
{
mc-toc-depth: 1;
mc-context-sensitive: True;
}
MadCap|menuProxy.menu2
{
mc-toc-depth: 1;
mc-context-sensitive: True;
}
MadCap|slideshow
{
border-style: none;
box-shadow: none;
}
MadCap|slideshowCaption
{
background: none;
color: #000000;
padding: 0;
padding-top: 0;
}
html.HomePage
{
mc-community-features: disabled;
}
.search-submit
{
margin-top: 0px;
}
div.HomeHeroSection MadCap|searchBarProxy.homeSearchBar
/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
/*{
mc-grid-row: true;
margin-left: -20px;
margin-right: auto;
background-repeat: no-repeat;
background-image: url('../Images/Assets/HeroImages/HeroImage-2q.png');
}
div.HomeHeroSection::before
{
content: ' ';
display: table;
}
div.HomeHeroSection::after
{
content: ' ';
display: table;
clear: both;
}
div.HomeHeroSection > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.HomeHeroSection > div:nth-child(1)
{
width: 100%;
margin-left: 0%;
}
/*div.HomeWelcomePDFSection /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
/*{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.HomeWelcomePDFSection::before
{
content: ' ';
display: table;
}
div.HomeWelcomePDFSection::after
{
content: ' ';
display: table;
clear: both;
}
div.HomeWelcomePDFSection > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.HomeWelcomePDFSection > div:nth-child(1)
{
width: 58.333%;
margin-left: 0%;
}
div.HomeWelcomePDFSection > div:nth-child(2)
{
width: 22%;
margin-left: 0%;
}
div.HomeWelcomeButtons /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
/*{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.HomeWelcomeButtons::before
{
content: ' ';
display: table;
}
div.HomeWelcomeButtons::after
{
content: ' ';
display: table;
clear: both;
}
div.HomeWelcomeButtons > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 20%;
margin-left: 3%;
}
div.HomeWelcomeButtons > div:nth-child(1)
{
width: 20%;
margin-left: 3%;
}
div.HomeWelcomeButtons > div:nth-child(2)
{
width: 20%;
margin-left: 3%;
}
div.HomePDFSection /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
/*{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.HomePDFSection::before
{
content: ' ';
display: table;
}
div.HomePDFSection::after
{
content: ' ';
display: table;
clear: both;
}
div.HomePDFSection > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 30px;
padding-right: 30px;
}
div.HomePDFSection > div:nth-child(1)
{
width: 33.33333%;
}
div.HomePDFSection > div:nth-child(2)
{
width: 33.33333%;
}
div.HomePDFSection > div:nth-child(3)
{
width: 33.33333%;
}
div.HomePDFButton /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
/*{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.HomePDFButton::before
{
content: ' ';
display: table;
}
div.HomePDFButton::after
{
content: ' ';
display: table;
clear: both;
}
div.HomePDFButton > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.HomePDFButton > div:nth-child(1)
{
width: 50%;
float: none;
margin-left: auto;
margin-right: auto;
}
div.HomeMasterPageFooter /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
/*{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.HomeMasterPageFooter::before
{
content: ' ';
display: table;
}
div.HomeMasterPageFooter::after
{
content: ' ';
display: table;
clear: both;
}
div.HomeMasterPageFooter > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.HomeMasterPageFooter > div:nth-child(1)
{
width: 25%;
margin-left: 0%;
}
div.HomeMasterPageFooter > div:nth-child(2)
{
width: 50%;
margin-left: 0%;
}
div.HomeMasterPageFooter > div:nth-child(3)
{
width: 25%;
margin-left: 0%;
}
div.HomeVideoSection /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
/*{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.HomeVideoSection::before
{
content: ' ';
display: table;
}
div.HomeVideoSection::after
{
content: ' ';
display: table;
clear: both;
}
div.HomeVideoSection > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0px;
padding-right: 0px;
}
div.HomeVideoSection > div:nth-child(1)
{
width: 33.33333%;
}
div.HomeVideoSection > div:nth-child(2)
{
width: 33.33333%;
}
div.HomeVideoSection > div:nth-child(3)
{
width: 33.33333%;
}
*/
{
display: none;
}
li
{
list-style: disc;
list-style-image: none;
}
div:nth-child(1)
{
padding-left: 0px;
}
div:nth-child(2)
{
padding-left: 0px;
}
div:nth-child(3)
{
padding-left: 0px;
}
a
{
text-decoration: none;
}
/* Medium Layout */
@media only screen and (max-width: 1000px)
{
#content-section .right-section,
#content-section .left-section
{
padding: 0;
}
div.slidingshow
{
width: 100%;
}
.left-section div.button-group > div
{
margin-bottom: 20px;
}
div.footer
{
padding-top: 20px;
padding-bottom: 20px;
}
div.HomeHeroSection > div:nth-child(1)
{
width: 100%;
margin-left: 0%;
}
div.HomeWelcomePDFSection > div:nth-child(1)
{
width: 50%;
}
div.HomeWelcomePDFSection > div:nth-child(2)
{
width: 50%;
}
div.HomeWelcomeButtons > div:nth-child(1)
{
width: 50%;
float: none;
margin-left: auto;
margin-right: auto;
}
div.HomeWelcomeButtons > div:nth-child(2)
{
width: 50%;
float: none;
margin-left: auto;
margin-right: auto;
}
div.HomePDFSection > div:nth-child(1)
{
width: 33.33333%;
}
div.HomePDFSection > div:nth-child(2)
{
width: 33.33333%;
}
div.HomePDFSection > div:nth-child(3)
{
width: 33.33333%;
}
div.HomePDFButton > div:nth-child(1)
{
width: 50%;
}
div.HomeMasterPageFooter > div:nth-child(1)
{
width: 25%;
margin-left: 0%;
}
div.HomeMasterPageFooter > div:nth-child(2)
{
width: 50%;
margin-left: 0%;
}
div.HomeMasterPageFooter > div:nth-child(3)
{
width: 25%;
margin-left: 0%;
}
div.HomeVideoSection > div:nth-child(1)
{
width: 33.33333%;
}
div.HomeVideoSection > div:nth-child(2)
{
width: 33.33333%;
}
div.HomeVideoSection > div:nth-child(3)
{
width: 33.33333%;
}
}
/* Small Layout */
@media only screen and (max-width: 765px)
{
MadCap|searchBarProxy.homeSearchBar
{
width: 100%;
}
.left-content
{
margin-bottom: 60px;
}
div.topichero h1
{
font-size: 2em;
}
div.topichero h2
{
font-size: 1.2em;
}
#content-section
{
padding-top: 30px;
padding-bottom: 30px;
}
.video-section
{
padding-top: 30px;
}
.video-section .columns
{
padding: 0;
}
.footer-links,
p.Copyright,
.footer-icons
{
text-align: center;
}
div.HomeHeroSection > div:nth-child(1)
{
width: 100%;
}
div.HomeWelcomePDFSection > div:nth-child(1)
{
width: 100%;
}
div.HomeWelcomePDFSection > div:nth-child(2)
{
width: 100%;
}
div.HomeWelcomeButtons > div:nth-child(1)
{
width: 41.667%;
float: none;
margin-left: auto;
margin-right: auto;
}
div.HomeWelcomeButtons > div:nth-child(2)
{
width: 41.667%;
float: none;
margin-left: auto;
margin-right: auto;
}
div.HomePDFSection > div:nth-child(1)
{
width: 33.333%;
margin-left: 0%;
}
div.HomePDFSection > div:nth-child(2)
{
width: 33.333%;
margin-left: 0%;
}
div.HomePDFSection > div:nth-child(3)
{
width: 33.333%;
margin-left: 0%;
}
div.HomePDFButton > div:nth-child(1)
{
width: 41.667%;
float: none;
margin-left: auto;
margin-right: auto;
}
div.HomeMasterPageFooter > div:nth-child(1)
{
width: 100%;
}
div.HomeMasterPageFooter > div:nth-child(2)
{
width: 100%;
}
div.HomeMasterPageFooter > div:nth-child(3)
{
width: 100%;
}
div.HomeVideoSection > div:nth-child(1)
{
width: 100%;
margin-left: 0%;
}
div.HomeVideoSection > div:nth-child(2)
{
width: 100%;
margin-left: 0%;
}
div.HomeVideoSection > div:nth-child(3)
{
width: 100%;
margin-left: 0%;
}
}
a.mc-prev
{
background-image: url("../Images/simplicity/carousel-left.png") !important;
background-position: 0 0 !important;
}
a.mc-next
{
background-image: url("../Images/simplicity/carousel-right.png") !important;
background-position: 0 0 !important;
}
img.tile
{
width: 175px;
height: 175px;
margin-top: 5px;
margin-bottom: 5px;
}
img
{
border: none;
}
/*Here down, styles copied from paralax stylesheet*/
/*==Responsive Header Styles==*/
#contentBody > .responsive-header
{
background-color: transparent;
}
/*==Home Page Hero Section==*/
div.topic-hero /*This is the first Hero/Banner on the Home Page - To replace the banner image with your own, change background-image property*/
{
/*padding-top: 20px;
/*height: 400px;*/
/*padding-bottom: 200px;
padding-top: 400px;
background-color: #d3d3d3;
background-image: url('../Images/7253_shutterstock_478430371_preview.png');
background-size: contain;
background-repeat: no-repeat;
/* Create the parallax scrolling effect */
/*background-attachment: fixed;
background-position: center 0;*/
}
div.cta /*Call to action button on the Home Page*/
{
color: #FFF;
background-color: #F00000;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 0px;
padding: 14px 0px;
width: 200px;
transition: all 0.5s cubic-bezier(.25,.8,.25,1);
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
margin-top: 50px;
}
div.cta:hover /*When hovering over the CTA button the following properties apply*/
{
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
transform: scale(1.01);
}
a.cta:link
{
color: #FFF;
text-decoration: none;
}
a.cta:visited
{
color: #FFF;
text-decoration: none;
}
/*==Search bar elements==
/*.search-field /*The box-shadow property is applied to style to provide shadow on the search bar*/
/*{
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}*/
div.search-container
{
margin-top: 0px;
margin-bottom: 0px;
}
/*==Home Tiles section==*/
div.home-tiles /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
margin-top: 0.4%;
margin-bottom: 0.4%;
}
div.home-tiles::before
{
content: ' ';
display: table;
}
div.home-tiles::after
{
content: ' ';
display: table;
clear: both;
}
div.home-tiles > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
/*Adds transition animation when switching between screen sizes*/
-moz-border-radius: 20x;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 1px solid #d3d3d3;
padding: 10px 10px;
overflow: hidden;
}
div.home-tiles > div:hover /*When hovering over a home-tile, these properties apply*/
{
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
div.home-tiles > div:nth-child(1)
{
width: 25%;
margin-left: 11.5%;
}
div.home-tiles > div:nth-child(2)
{
width: 25%;
margin-left: 1%;
}
div.home-tiles > div:nth-child(3)
{
width: 25%;
margin-left: 1%;
}
/*=Elements for text contained within each home-tile=*/
p.tile-title
{
text-align: center;
color: #7E8890;
font-size: 1.4em;
}
p.tile-content
{
text-align: center;
color: #7E8890;
font-size: 13px;
padding-top: 0;
}
p.tile-items
{
color: #7E8890;
font-size: 0.7em;
text-align: center;
}
div.home-tiles a /*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
text-decoration: none;
color: #565656;
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
/*=Info-container section=*/
div.info-container /*div.info-container contains the first Hero/Banner on the Home Page - To replace the banner image with your own, point the background-image property to your own image.*/
{
margin-left: auto;
margin-top: 10px;
margin-right: auto;
padding-bottom: 75px;
padding-top: 100px;
box-shadow: inset -1px 1px 17px 0px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
background-color: #292f42;
/*Create the parallax scrolling effect*/
background-attachment: fixed;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
opacity: 1;
color: #ffffff;
background-image: url('../Images/server_man_laptop.jpg');
}
div.info-section /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
}
div.info-section::before
{
content: ' ';
display: table;
}
div.info-section::after
{
content: ' ';
display: table;
clear: both;
}
div.info-section > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.info-section > div:nth-child(1)
{
width: 16.667%;
margin-left: 16.667%;
}
div.info-section > div:nth-child(2)
{
width: 16.667%;
margin-left: 6%;
}
div.info-section > div:nth-child(3) /*Div that contains "Tips"*/
{
width: 33.333%;
margin-left: 5%;
}
div.info-container p /*Complex Selector: Any that is contained within div.info-container will have the following properties*/
{
color: #fff;
}
/*=Elements for content contained within each info section=*/
p.info-title
{
font-size: 2em;
line-height: 1em;
}
p.info-content
{
font-size: 0.8em;
}
p.tip /*Paragraph style used for the Tips */
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-image: url('../Images/Assets/Icons/MainIcons/Tips-white.png');
background-position: 15px center;
background-repeat: no-repeat;
border: solid 1px #fff;
border-radius: 6px;
line-height: 1em;
overflow: hidden;
padding: 15px 0px 15px 60px;
text-align: left;
margin: 5px 30px;
}
/*==Home Page Footer Section==*/
div.footer
{
padding-top: 0px;
padding-bottom: 0px;
}
div.footer a /*Complex Selector: Any anchor (links) tags that are within div.footer will have the following properties */
{
text-decoration: none;
color: #DADADA;
}
div.footer > div.outer-row
{
line-height: 15px;
padding: 0;
}
div.home-master-page-footer /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
mc-grid-row: true;
margin-left: auto;
margin-right: auto;
width: 55%;
}
div.home-master-page-footer::before
{
content: ' ';
display: table;
}
div.home-master-page-footer::after
{
content: ' ';
display: table;
clear: both;
}
div.home-master-page-footer > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.home-master-page-footer > div:nth-child(1)
{
width: 33.333%;
margin-left: 0%;
}
div.home-master-page-footer > div:nth-child(2)
{
width: 33.333%;
margin-left: 0%;
}
div.home-master-page-footer > div:nth-child(3)
{
width: 33.333%;
margin-left: 0%;
}
div.footer p /*Complex Selector: Any
that is contained within div.footer will have the following properties*/
{
color: #7E8890;
font-size: 0.8em;
}
/*===========================================================================================================================================================
Styles after this point are styles that are for specific mediums. If any additional styles are added to this template they will be listed after mediums.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/
@media only screen and (max-width: 1000px)
{
#content-section .right-section,
#content-section .left-section
{
padding: 0;
}
p.info-title
{
font-size: 2em;
}
p.info-content
{
font-size: 1em;
}
div.footer
{
padding-top: 20px;
padding-bottom: 20px;
}
div.home-master-page-footer > div:nth-child(1)
{
width: 25%;
margin-left: 0%;
}
div.home-master-page-footer > div:nth-child(2)
{
width: 50%;
margin-left: 0%;
}
div.home-master-page-footer > div:nth-child(3)
{
width: 25%;
margin-left: 0%;
}
/*div.home-tiles /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
}