600 lines
10 KiB
CSS
600 lines
10 KiB
CSS
.entry-content, .entry-summary, .page-content {
|
||
margin: 0;
|
||
}
|
||
|
||
.one-company p {
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color:rgba(112,112,112,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.One_Company__One_Community {
|
||
position: absolute;
|
||
overflow: visible;
|
||
width: 334px;
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color:
|
||
rgba(32,45,96,1);
|
||
}
|
||
|
||
.welcome {
|
||
position: absolute;
|
||
top: 13em;
|
||
width: 95%;
|
||
padding: 0px 45px 0 45px;
|
||
}
|
||
.welcome p {
|
||
line-height: 22px;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color:rgba(51,51,51,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
|
||
#divider {
|
||
position : relative;
|
||
top : 80px;
|
||
left : 9px;
|
||
width : 95%;
|
||
text-align : center;
|
||
margin: 0 0 0 0;
|
||
border-bottom : 7px solid #202D60;
|
||
}
|
||
|
||
.News___Updates_for_One_Connect {
|
||
position: absolute;
|
||
left: 58px;
|
||
top: 4em;
|
||
overflow: visible;
|
||
width: 595px;
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: bold;
|
||
font-size: 30px;
|
||
color:
|
||
rgba(51,51,51,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.News___Updates_for_One_Connect hr {
|
||
border: 6px solid#202D60;
|
||
background-color: #202D60;
|
||
position: absolute;
|
||
width: 32em;
|
||
}
|
||
|
||
#CONNECTIONS {
|
||
position: absolute;
|
||
left: 58px;
|
||
top: 1em;
|
||
overflow: visible;
|
||
width: 353px;
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 50px;
|
||
color:
|
||
rgba(11,34,101,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
hr.news5 {
|
||
border: 6px solid#202D60;
|
||
background-color: #202D60;
|
||
position: relative;
|
||
bottom: 13em;
|
||
width: 56em;
|
||
}
|
||
|
||
|
||
div.test {
|
||
width: 100px;
|
||
height: 100px;
|
||
border: 1px solid red;
|
||
position: relative;
|
||
}
|
||
|
||
.test::after {
|
||
content: '';
|
||
border: 10px solid black;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
|
||
.three-widgets {
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
text-align: center;
|
||
}
|
||
.get-social p {
|
||
overflow: hidden;
|
||
text-align: center;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
letter-spacing: 0.2px;
|
||
color: #fff;
|
||
}
|
||
|
||
.get-social {
|
||
background-color: #0B2265;
|
||
height: 1355px;
|
||
}
|
||
|
||
.best-philly {
|
||
background-color: #E01D39;
|
||
height: 960px;
|
||
}
|
||
|
||
#thought-leadership h1 {
|
||
white-space: nowrap;
|
||
line-height: 29px;
|
||
text-align: center;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color:
|
||
rgba(32,45,96,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.thought-leadership-title {
|
||
text-align: center;
|
||
line-height: 29px;
|
||
text-align: center;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color:rgba(32,45,96,1);
|
||
letter-spacing: 0.2px;
|
||
margin-top: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.thought-leadership {
|
||
background-color: #ABCAE9;
|
||
text-align: center;
|
||
line-height: 29px;
|
||
text-align: center;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color:rgba(32,45,96,1);
|
||
letter-spacing: 0.2px;
|
||
|
||
}
|
||
|
||
.thought-leadership-body p {
|
||
line-height: 22px;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color: rgba(112,112,112,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.thought-leadership-highlights {
|
||
margin-top: 20px;
|
||
line-height: 25px;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 20px;
|
||
color:
|
||
rgba(0,0,0,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.thought-leadership-quote {
|
||
line-height: 22px;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: italic;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color:
|
||
rgba(0,0,0,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
|
||
.announcement-1 {
|
||
padding: 0;
|
||
background-color: #FDD6F4;
|
||
height: 400px;
|
||
}
|
||
|
||
.healthcare-news-heading {
|
||
background-color: #202D60;
|
||
color:#fff;
|
||
text-align: center;
|
||
font-size: 32px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.tech-title{
|
||
text-align: left;
|
||
margin-top: 20px;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color: rgba(32,45,96,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.announcement-1-title {
|
||
text-align: left;
|
||
margin-top: 20px;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color: rgba(32,45,96,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.announcement1-text p {
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color: rgba(0,0,0,1);
|
||
}
|
||
|
||
.announcement-side {
|
||
background-color: #ABCAE9;
|
||
}
|
||
|
||
.announcement-2 {
|
||
margin-bottom: 50px;
|
||
}
|
||
|
||
.announcement-2 p {
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color: rgba(0,0,0,1);
|
||
}
|
||
|
||
|
||
|
||
.announcement2-title {
|
||
text-align: left;
|
||
margin-top: 20px;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color: rgba(32,45,96,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.announcement2 p {
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color: rgba(0,0,0,1);
|
||
}
|
||
|
||
.announcement2 ol, ul {
|
||
font-size: 16px;
|
||
list-style: disc;
|
||
margin: 0 0 1.5em 3em;
|
||
}
|
||
|
||
.tech-talk ol, ul {
|
||
font-size: 16px;
|
||
list-style: disc;
|
||
margin: 0 0 1.5em 3em;
|
||
}
|
||
|
||
.tech-talk p {
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color: rgba(0,0,0,1);
|
||
}
|
||
|
||
|
||
.division-news-title {
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color: rgba(32,45,96,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.consumer-news-title {
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color: rgba(32,45,96,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
|
||
.consumer-news-heading {
|
||
background-color: #202D60;
|
||
color:#fff;
|
||
text-align: center;
|
||
font-size: 32px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
|
||
.tech-news-heading {
|
||
background-color: #E01D39;
|
||
color:#fff;
|
||
text-align: center;
|
||
font-size: 32px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.hr-corner-heading {
|
||
background-color: #202D60;
|
||
color: #fff;
|
||
text-align: center;
|
||
font-size: 32px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.hr-corner h1 {
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: center;
|
||
color: #DB001C;
|
||
|
||
}
|
||
|
||
.hr-footer {
|
||
background-color: #202D60;
|
||
font-size: 7px;
|
||
}
|
||
|
||
.hr-corner p {
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color:rgba(112,112,112,1);
|
||
letter-spacing: 0.2px;
|
||
text-align: center;
|
||
}
|
||
|
||
.footer-text {
|
||
font-size: 14px;
|
||
color:#707070;
|
||
text-align: center;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.awards p {
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color:rgba(112,112,112,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.awards h1 {
|
||
line-height: 30px;
|
||
text-align: center;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color:
|
||
rgba(11,34,101,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.bold-red {
|
||
color: rgba(219,0,28,1);
|
||
line-height: 34px;
|
||
margin-top: -5px;
|
||
text-align: center;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: bold;
|
||
font-size: 24px;
|
||
}
|
||
|
||
.shoutout p {
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 16px;
|
||
color:rgba(112,112,112,1);
|
||
letter-spacing: 0.2px;
|
||
}
|
||
|
||
.shoutout h1 {
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 24px;
|
||
color: rgba(32,45,96,1);
|
||
}
|
||
|
||
.get-social h1 {
|
||
font-weight: 700;
|
||
color: #fff;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
letter-spacing: 0.2px;
|
||
text-align: center;
|
||
}
|
||
|
||
.social-icons {
|
||
margin-top: 20px;
|
||
line-height: 50px;
|
||
}
|
||
|
||
|
||
|
||
|
||
.center-social {
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
|
||
|
||
|
||
.hero-main .promo-text {
|
||
position: absolute;
|
||
top: 10%;
|
||
left: 15%;
|
||
right: 85%;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
@media all and (max-width: 991px) {
|
||
|
||
.News___Updates_for_One_Connect hr {
|
||
border: 6px solid#202D60;
|
||
background-color:#202D60;
|
||
position: absolute;
|
||
width: 22em;
|
||
}
|
||
|
||
|
||
.News___Updates_for_One_Connect {
|
||
|
||
position: absolute;
|
||
left: 58px;
|
||
top: 100px;
|
||
overflow: visible;
|
||
width: 595px;
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: bold;
|
||
font-size: 30px;
|
||
color:rgba(51,51,51,1);
|
||
letter-spacing: 0.2px;
|
||
line-height: 5px;
|
||
}
|
||
|
||
.welcome {
|
||
|
||
position: absolute;
|
||
top: 7em;
|
||
width: 95%;
|
||
padding: 0px 45px 0 45px;
|
||
|
||
}
|
||
|
||
.News___Updates_for_One_Connect hr {
|
||
|
||
border: 4px solid #202D60;
|
||
background-color: #202D60;
|
||
position: absolute;
|
||
width: 22em;
|
||
}
|
||
#CONNECTIONS {
|
||
|
||
position: absolute;
|
||
left: 58px;
|
||
top: 1rem;
|
||
overflow: visible;
|
||
width: 353px;
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
font-family: ‘Roboto’, sans-serif;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-size: 50px;
|
||
color:
|
||
|
||
rgba(11,34,101,1);
|
||
letter-spacing: 0.2px;
|
||
|
||
}
|
||
|
||
.entry-content, .entry-summary, .page-content {
|
||
margin: 0;
|
||
}
|
||
|
||
.logo-container {
|
||
text-align: center;
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translate(-50%,-50%);
|
||
}
|
||
|
||
|
||
.img-special-offer {
|
||
padding-bottom: 0;
|
||
background: #f8f8f8 url('/wp-content/themes/thbusiness/images/mob-bkg-special-offer.png') center center no-repeat;
|
||
background-size: 100%;
|
||
background-size:cover;
|
||
height: 470px;
|
||
}
|
||
}
|
||
|
||
|
||
@media screen and (max-width: 480px) {
|
||
}
|
||
|
||
@media only screen and (max-width: 1199px) and (min-width: 992px) {
|
||
#form-reskin .angle {background: #074969; min-height: auto;}
|
||
|
||
.News___Updates_for_One_Connect hr {
|
||
border: 6px solid #202D60;
|
||
background-color:#202D60;
|
||
position: absolute;
|
||
width: 30em;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-height: 450px) {
|
||
.sidenav {
|
||
padding-top: 15px;
|
||
}
|
||
.sidenav a {
|
||
font-size: 18px;
|
||
}
|
||
}
|
||
|