/* Plus Two - Taxand */
/* General */
html {
font-size: 62.5%;
margin: 0px;
padding: 0px;
border: none;
outline: 0px;
}
body {
font-family: "Verdana", Sans-serif;
font-style: 400;
font-weight: 400;
font-size: 62.5%;
margin: 0px;
padding: 0px;
border: none;
outline: 0px;
overflow-x: hidden;
}
div {
font-size: 1.6rem;
line-height: 2.4rem;
color: #3C3C3B;
margin: 0px;
padding: 0px;
outline: 0px;
border: none;
}
img {
border: none;
}
p {
font-size: 1.6rem;
line-height: 2.4rem;
color: #3C3C3B;
margin: 0px;
padding: 0px;
}
ul {
list-style-position: outside;
margin-left: 2rem;
padding: 0px;
}
span {
font-size: 1.6rem;
line-height: 2.4rem;
color: #3C3C3B;
margin: 0px;
padding: 0px;
}
table {
border: none;
border-spacing: 0px;
border-collapse: collapse;
}
td {
padding: 1rem;
}
h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
}
h1 {
font-size: 6rem;
font-weight: 700;
line-height: 6.5rem;
color: #FFFFFF;
}
h2 {
font-size: 2.4rem;
font-weight: 500;
line-height: 2.7rem;
color: #3C3C3B;
}
h3 {
font-size: 2.0rem;
font-weight: 500;
line-height: 2.1rem;
color: #3C3C3B;
}
h4 {
font-size: 1.2rem;
font-weight: 500;
line-height: 1.6rem;
color: #BECDDC;
text-transform: uppercase;
}
a {
font-size: 1.6rem;
line-height: 2.4rem;
color: #0089BC;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.list {
font-weight: 500;
display: block;
font-size: 2.0rem;
font-weight: 500;
line-height: 3.6rem;
margin-bottom: 0.5rem;
color: #0089BC;
text-decoration: none;
}
a.list:hover {
text-decoration: none;
}
a.chevron-before:before {
content: "» ";
}
a.chevron-after:after {
content: " »";
}
span.link-underline {
color: #0089BC;
font-size: 2.0rem;
padding-bottom: 10px;
margin-bottom: 0px;
border-bottom: 0px solid rgba(0, 137, 188, 0);
transition: all 0.3s ease 0s;
}
span.link-underline:hover {
padding-bottom: 3px;
margin-bottom: 7px;
border-bottom: 2px solid rgba(0, 137, 188, 1);
}
hr {
margin: 0px;
padding: 0px;
border: none;
border-top: 2px solid #FCBE00;
}
input {
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-weight: 700;
margin: 0px;
padding: 1.6rem;
font-size: 1.5rem;
color: #3C3C3B;
background-color: #dddddd;
border: none;
-webkit-appearance: button;
-moz-appearance: button;
}
input::-moz-placeholder {
color: #3C3C3B;
}
.wpum-login-form form input[type=email], .wpum-login-form form input[type=password], .wpum-login-form form input[type=text], .wpum-login-form form select, .wpum-login-form form textarea {
background-color: #dddddd !important;
width: 100%;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #dddddd inset;
-webkit-text-fill-color: #3C3C3B !important;
}
select {
margin: 0px;
border: none;
border-radius: 0px;
background: transparent;
color: #3C3C3B;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.6rem;
font-weight: 700;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 53px;
padding-left: 1.6rem;
padding-right: 1.6rem;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
background-image: url(//taxand.wpengine.com/wp-content/themes/taxand/assets/images/icons/Dropdown_Icon.png);
background-repeat: no-repeat;
background-position: top 1.6rem right 1.6rem;
background-size: 2.1rem, 2.1rem;
background-color: #dddddd;
}
select > option {
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.6rem;
font-weight: 700;
color: #3C3C3B;
padding: 1.6rem;
margin: 0px;
border: none;
border-radius: 0px;
background: transparent;
background-color: #dddddd;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #dddddd inset;
-webkit-text-fill-color: #3C3C3B !important;
}
/* CAUTION: IE hackery ahead */
select::-ms-expand {
display: none; /* remove default arrow in IE 10 and 11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0\0 ) {
select {
background: none \9;
padding: 5px \9;
}
}
/* Placeholder Text in Input Fields */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
color: #3C3C3B;
}
::-moz-placeholder { /* Firefox 19+ */
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
color: #3C3C3B;
}
:-ms-input-placeholder { /* IE 10+ */
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
color: #3C3C3B;
}
:-moz-placeholder { /* Firefox 18- */
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
color: #3C3C3B;
}
/* Custom Select */
ul.select {
position: absolute;
display: block;
width: 99.5%;
background-color: #dddddd;
margin: 0px;
padding: 0px;
list-style: none;
cursor: pointer;
cursor: hand;
}
ul.select > li {
display: none;
font-weight: 700;
padding-left: 1.6rem;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
padding-right: 1.6rem;
height: 21px;
}
ul.select > li.open {
display: block;
}
ul.select > li.open:hover {
background-color: #eeeeee;
}
ul.select > li.selected {
display: block;
font-weight: 700;
padding-left: 1.6rem;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
padding-right: 1.6rem;
height: 21px;
background-color: #dddddd;
}
img.select-drop-down {
position: absolute;
height: 2.5rem;
margin-top: 1.3rem;
margin-left: 90%;
pointer-events: none;
}
input[type='checkbox'] {
-webkit-appearance: button;
-moz-appearance: button;
background-color: #dddddd;
border: none;
box-shadow: none;
padding: 20px;
border-radius: 0px;
display: inline-block;
position: relative;
}
input[type='checkbox']:checked {
background-color: #0089BC;
}
input[type='button'] {
-webkit-appearance: none;
-moz-appearance: none;
}
textarea {
font-size: 1.6rem;
font-weight: 400;
width: 96%;
height: 15rem;
margin: 0px;
border: none;
border-radius: 2px;
padding: 2%;
background-color: #dddddd;
}
button,
.button {
-webkit-appearance: none;
-moz-appearance: none;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.5rem;
font-weight: 400;
background-color: #FCBE00;
color: #000;
padding: 10px 30px;
border: none;
border-radius: 0px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
white-space: nowrap;
transition: all 0.5s ease 0s;
text-decoration: none;
}
button:hover, .button:hover {
background-color: #FFD44F;
text-decoration: none;
}
.button{
display: inline-block;
margin: 1rem 0;
}
.button--register{
margin: 2.5rem 0 1rem;
}
/* Templates */
div.main-content {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
div#home {
width: 100%;
}
div#our-work {
width: 100%;
}
div#our-locations {
width: 100%;
line-height: 0px;
}
div#our-people {
width: 100%;
}
div#our-thinking {
width: 100%;
}
/* Home Header Menu */
div#home-title-image {
float: left;
position: relative;
top: 0px;
left: 0px;
width: 100%;
background-color: #ffffff;
}
div#home-image-container {
position: relative;
top: 130px;
left: 0px;
width: 100%;
height: 280px;
background-position: center;
background-repeat: none;
background-size: cover;
}
@media (min-width: 0px) {
div#home-image-container {
display: none;
top: 0px;
height: 280px;
}
}
@media (min-width: 769px) {
div#home-image-container {
display: flex;
top: 0px;
height: 280px;
align-items: center;
justify-content: center;
}
}
@media (min-width: 1024px) {
div#home-image-container {
display: flex;
top: 0px;
height: 280px;
align-items: center;
justify-content: center;
}
}
div#home-mobile-image-container {
position: relative;
left: 0px;
width: 100%;
height: 280px;
background-position: center;
background-repeat: none;
background-size: cover;
}
@media (min-width: 0px) {
div#home-mobile-image-container {
display: flex;
height: 280px;
align-items: center;
justify-content: center;
}
}
@media (min-width: 769px) {
div#home-mobile-image-container {
display: none;
top: 0px;
height: 280px;
}
}
@media (min-width: 1024px) {
div#home-mobile-image-container {
display: none;
top: 0px;
height: 280px;
}
}
p#home-image-text{
color: white;
font-weight: 0;
width: 80%;
font-size:2rem;
}
p#home-image-text-mobile{
color: white;
font-weight: 700;
margin-left: 10px;
width: 80%;
}
div#home-text-container {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 200px;
}
@media (min-width: 0px) {
div#home-text-container {
height: 240px;
}
}
@media (min-width: 769px) {
div#home-text-container {
height: 130px;
}
}
@media (min-width: 1024px) {
div#home-text-container {
height: 130px;
}
}
div#home_firms_logo {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 150px;
width: 93%;
margin: auto;
}
@media (min-width: 0px) {
div#home_firms_logo {
height: 170px;
}
}
@media (max-width:769px) {
div#home_firms_logo {
height: 130px;
}
}
@media (min-width: 769px) {
div#home_firms_logo {
height: 130px;
}
}
@media (min-width: 1024px) {
div#home_firms_logo {
height: 130px;
}
}
div#home-taxand-logo {
position: absolute;
top: 40px;
left: 0px;
width: 25%;
text-align: right;
}
div#home-taxand-logo > img {
width: auto;
height: 30px;
}
div#home-header-text {
position: absolute;
font-weight: 400;
top: 40px;
width: 90%;
text-align: left;
font-size: 2rem;
line-height: 2.4rem;
color: #3C3C3B;
}
@media (min-width: 0px) {
div#home-header-text {
top: 20px;
}
}
@media (min-width: 769px) {
div#home-header-text {
top: 40px;
}
}
@media (min-width: 1024px) {
div#home-header-text {
top: 40px;
}
}
div#home-header-text > a {
color: #3C3C3B;
font-weight: 700;
font-size: 2rem;
}
div#home-header-text > a:hover {
color: #0089BC;
font-weight: 700;
}
@media (min-width: 0px) {
div#home-taxand-logo {
display: none;
width: 25%;
}
div#home-header-text {
left: 5%;
width: 80%;
}
}
@media (min-width: 769px) {
div#home-taxand-logo {
display: block;
width: 35%;
}
div#home-header-text {
width: 90%;
}
}
@media (min-width: 1024px) {
div#home-taxand-logo {
display: block;
width: 25%;
}
div#home-header-text {
width: 90%;
}
}
div#home-navigation-container {
position: absolute;
right: 0px;
bottom: 0px;
width: 55%;
height: 80px;
}
@media (min-width: 0px) {
div#home-title-image > div#home-navigation-container {
display: none;
}
}
@media (min-width: 769px) {
div#home-title-image > div#home-navigation-container {
display: none;
}
}
@media (min-width: 1024px) {
div#home-title-image > div#home-navigation-container {
display: block;
}
}
@media (min-width: 1500px) {
div#home-title-image > div#home-navigation-container {
width: 50%;
}
}
div#home-navigation-container > div.menu-header-menu-container {
display: block;
width: 100%;
height: 80px;
margin: 0px;
padding: 0px;
}
div#home-navigation-container > div.menu-header-menu-container > ul#menu-header-menu {
display: table;
width: 100%;
height: 80px;
margin: 0px;
padding: 0px;
}
div#home-navigation-container > div.menu-header-menu-container > ul#menu-header-menu > li {
display: table-cell;
width: 20%;
height: 80px;
text-align: center;
vertical-align: middle;
margin: 0px;
padding: 0px;
}
div#home-navigation-container > div.menu-header-menu-container > ul#menu-header-menu > li > a {
font-weight: 500;
display: block;
width: 99%;
height: 50px;
color: #3C3C3B;
background-color: #ffffff;
border-right: 1px solid transparent;
margin: 0px;
padding: 0px;
padding-top: 30px;
opacity: 0.9;
}
div#home-navigation-container > div.menu-header-menu-container > ul#menu-header-menu > li > a:hover {
opacity: 1.0;
}
div#home-header-links > a:hover {
color: #3C3C3B;
}
/* horizontal_keyLine */
div#horizontal_keyLine{
display: inline-flex;
align-items: center;
margin: 2% 8%;
}
div#horizontal_keyLine-icon > img{
width: 40px;
height: 40px;
}
div#line{
border-bottom: 1px solid #0089BC;
display: flex;
margin: 1% 1% 1% 8%;
width: 84%;
}
.line { border-bottom: 1px solid grey; position: absolute; top: 10px; width: 100%; z-index: -1; }
div#horizontal_keyLine-container{
margin-left: 20px;
}
div#horizontal_keyLine-icon{
display: flex;
justify-content: center;
}
div#horizontal_keyLine-container-title{
font-weight: bold;
}
/* Home Articles */
div#home-articles {
float: left;
width: 100%;
background-color: #ffffff;
}
div.home-article-row {
display: block;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
clear: both;
padding: 5%;
padding-bottom: 0px;
}
.home-article {
float: left;
width: 32%;
clear: none;
border-top: 2px solid #BECDDC;
margin-right: 2%;
margin-bottom: 4rem;
}
a.home-article--link:hover {
text-decoration: none;
}
@media (min-width: 0px) {
.home-article {
width: 100%;
}
}
@media (min-width: 769px) {
.home-article {
width: 32%;
}
}
@media (min-width: 1024px) {
.home-article {
width: 32%;
}
}
.home-article--link > h4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.home-article--link > h4:hover {
text-decoration: none;
}
a.home-article--link > img {
width: 100%;
margin-bottom: 1rem;
}
a.home-article--link > img:hover {
text-decoration: none;
}
a.home-article--link > p {
font-size: 2.0rem;
line-height: 2.1rem;
font-weight: 500;
color: #3C3C3B;
margin-bottom: 1rem;
}
a.home-article--link > p:hover {
text-decoration: underline;
color: #0089BC;
}
.home-article-right-column {
margin-right: 0%;
}
.home-article--link > img {
width: 100%;
}
/* Search */
div#home > div#search {
z-index: -1;
}
div#search {
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 80px;
padding: 0%;
background-color: #dddddd;
z-index: 8;
}
div#search-inner {
display: table;
width: 100%;
height: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media print {
div#search {
position: absolute;
display: none;
}
}
div#search-input-container {
display: table-cell;
width: 65%;
position: relative;
padding-left: 5%;
padding-top: 22px;
padding-bottom: 0px;
padding-right: 0px;
vertical-align: top;
}
div#search-input-container > input#query {
display: block;
background-color: #ffffff;
width: 100%;
height: 35px;
/*vertical-align: top;*/
padding-top: 0em;
padding-bottom: 0em;
padding-left: 1%;
padding-right: 1%;
border-top-left-radius: 2px;
border-top-right-radius: 0px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 0px;
}
div#search-input-container > img {
position: absolute;
height: 1.6rem;
top: 3.2rem;
right: 0.8rem;
}
div#search-button-container {
display: table-cell;
width: 25%;
padding-left: 0%;
padding-top: 22px;
padding-bottom: 0px;
padding-right: 5%;
vertical-align: top;
}
div#search-button-container > button#search-button {
-webkit-appearence: none;
display: block;
width: 100%;
height: 35px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 2px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 2px;
vertical-align: top;
padding-top: 0em;
padding-bottom: 0em;
padding-left: 0em;
padding-right: 0em;
margin: 0px;
white-space: nowrap;
}
div#search-results-dropdown {
position: fixed;
top: 60px;
left: 5%;
background-color: #ffffff;
width: 67%;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
z-index: 9;
}
div#search-results-dropdown > ul {
margin: 0px;
padding: 0px;
list-style: none;
max-height: 90vh;
overflow-y: scroll;
}
div#search-results-dropdown > ul > li {
margin: 0px;
margin-left: 1%;
margin-right: 1%;
padding: 1%;
list-style: none;
border-bottom: 1px solid #BECDDC;
}
div#search-results-dropdown > ul > li > a {
color: #3C3C3B;
text-decoration: none;
}
div#search-results-dropdown > ul > li > a:hover {
color: #0089BC;
text-decoration: underline;
}
div#search-results-dropdown > ul > li.search-result-section {
font-weight: 700;
}
div#search-results-dropdown > ul > li > div.search-result-section {
display: inline-block;
background-color: #BECDDC;
border-radius: 2px;
margin-left: 1rem;
color: #ffffff;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
div#search-results-dropdown > ul > li.search-result-suggested {
padding-bottom: 2rem;
}
/* Header Menu */
div#header-menu {
position: fixed;
display: block;
float: left;
width: 90%;
height: 80px;
background-color: #ffffff;
padding-left: 5%;
padding-right: 5%;
top: 0;
z-index: 9;
}
@media (min-width: 0px) {
div#header-menu {
width: 100%;
padding-left: 5%;
padding-right: 0%;
}
}
@media (min-width: 768px) {
div#header-menu {
width: 100%;
padding-left: 5%;
padding-right: 0%;
}
}
@media (min-width: 1024px) {
div#header-menu {
width: 100%;
padding-left: 5%;
padding-right: 0%;
}
}
@media (min-width: 1600px) {
div#header-menu {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
}
div#header-menu-inner {
display: table;
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#header-menu-logo {
display: table-cell;
width: 20%;
text-align: left;
vertical-align: middle;
padding: 0px;
}
div#header-menu-logo > a > img {
width: 150px;
}
/*
@media (min-width: 0px) { div#header-menu-logo > a > img { margin-left: 7%; } }
@media (min-width: 769px) { div#header-menu-logo > a > img { margin-left: 25%; } }
@media (min-width: 1024px) { div#header-menu-logo > a > img { margin-left: 25%; } }
@media (min-width: 1600px) { div#header-menu-logo > a > img { margin-left: 0px; } }
*/
div#header-menu-navigation {
display: table-cell;
width: 50%;
text-align: center;
vertical-align: middle;
}
div#header-menu-navigation ul.menu {
display: table;
width: 90%;
height: 80px;
margin: 0px;
padding: 0px;
}
div#header-menu-navigation li.menu-item {
display: table-cell;
list-style-type: none;
padding: 0px;
clear: none;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
}
div#header-menu-navigation li.menu-item > a {
font-size: 1.4rem;
font-weight: 500;
color: #3C3C3B;
white-space: nowrap;
}
div#header-menu-navigation li.current-menu-parent, div#header-menu-navigation li.current-menu-item{
background-color: #ffffff;
border-top: 5px solid #FCBE00;
border-bottom: 5px solid #ffffff;
height: 70px;
}
.sub-menu li {
border: none !important;
height: auto !important;
}
div#header-menu-navigation li.current-menu-item > a {
font-weight: 500;
width: 100%;
height: 80px;
color: #3C3C3B;
}
div#header-menu-navigation li > a:hover {
color: #222850;
}
div#header-menu-navigation li.current-page-ancestor {
background-color: #ffffff;
border-top: 5px solid #FCBE00;
border-bottom: 5px solid #ffffff;
height: 70px;
}
div#header-menu-my-taxand-login {
display: table-cell;
width: 15%;
height: 80px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
}
div#header-menu-my-taxand-login ul.menu {
display: table;
width: 100%;
margin: 0px;
padding: 0px;
}
div#header-menu-my-taxand-login li.menu-item {
display: table-cell;
width: 25%;
list-style-type: none;
padding: 0px;
clear: none;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
}
div#header-menu-my-taxand-login li.menu-item > a {
font-size: 1.4rem;
font-weight: 500;
color: #3C3C3B;
}
div#header-menu-my-taxand-login li.current-menu-item {
background-color: transparent;
border-top: 5px solid #BECDDC;
border-bottom: 5px solid transparent;
height: 70px;
}
div#header-menu-my-taxand-login li.current-page-ancestor {
background-color: transparent;
border-top: 5px solid #BECDDC;
border-bottom: 5px solid transparent;
height: 70px;
}
div#header-menu-my-taxand-login li.current-menu-item > a {
width: 100%;
color: #3C3C3B;
}
div#header-menu-search {
display: table-cell;
width: 5%;
height: 80px;
text-align: center;
vertical-align: middle;
line-height: 0px;
}
img#header-menu-search-icon {
width: 30px;
height: 30px;
}
@media (min-width: 0px) {
img#header-menu-search-icon {
width: 25px;
height: 25px;
}
}
@media (min-width: 769px) {
img#header-menu-search-icon {
width: 30px;
height: 30px;
}
}
@media (min-width: 1024px) {
img#header-menu-search-icon {
width: 30px;
height: 30px;
}
}
div#header-menu-hamburger-menu {
display: table-cell;
width: 5%;
height: 80px;
text-align: left;
vertical-align: middle;
line-height: 0px;
}
img#header-menu-hamburger-icon {
width: 30px;
height: 30px;
}
@media (min-width: 0px) {
img#header-menu-hamburger-icon {
width: 27px;
height: 27px;
}
}
@media (min-width: 769px) {
img#header-menu-hamburger-icon {
width: 30px;
height: 30px;
}
}
@media (min-width: 1024px) {
img#header-menu-hamburger-icon {
width: 30px;
height: 30px;
}
}
@media print {
div#header-menu {
position: absolute;
}
div#header-menu-navigation {
opacity: 0;
}
div#header-menu-my-taxand-login {
opacity: 0;
}
div#header-menu-search {
opacity: 0;
}
div#header-menu-hamburger-menu {
opacity: 0;
}
}
/* Side-Menu */
div#fadeout {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
background-color: #000000;
opacity: 0;
z-index: 7;
}
div#side-menu {
position: fixed;
top: 0px;
left: 0px;
width: 270px;
height: 100vh;
background-color: #f6f6f6;
z-index: 8;
}
div#side-menu-header-menu {
position: absolute;
display: table;
width: 100%;
top: 0px;
right: 0px;
background-color: #f6f6f6;
}
div.menu-side-menu-container {
position: absolute;
top: 15vh;
left: 0em;
width: 100%;
height: 85vh;
margin: 0px;
padding: 0px;
overflow: auto;
overflow-y: scroll;
background-color: #f6f6f6;
}
div.menu-side-menu-container ul {
display: block;
list-style: none;
margin: 0px;
padding: 0px;
}
div.menu-side-menu-container ul.sub-menu {
background-color: #dddddd;
}
div.menu-side-menu-container ul.sub-menu > li > a {
font-size: 1.4rem;
text-transform: none;
}
div.menu-side-menu-container ul.sub-menu > li.current-menu-item > a {
font-weight: 700;
}
div.menu-side-menu-container li {
display: block;
list-style: none;
width: 100%;
margin: 0px;
padding: 0px;
}
div.menu-side-menu-container a {
display: inline-block;
margin: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 8%;
padding-right: 8%;
color: #3C3C3B;
font-weight: 500;
text-transform: uppercase;
}
div.side-menu-image {
display: inline;
}
img.side-menu-image {
vertical-align: middle;
height: 1.6rem;
}
@media (min-width: 0px) {
div#side-menu {
width: 100%;
}
div.menu-header-menu-container {
display: none;
}
div#header-menu-logo {
width: 70%;
}
div#header-menu-navigation {
display: none;
width: 20%;
}
div#header-menu-my-taxand-login {
display: none;
opacity: 0;
width: 20%;
}
div#header-menu-search {
width: 15%;
}
div#header-menu-hamburger-menu {
width: 15%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-my-taxand-login li.menu-item {
text-align: left;
padding-left: 11%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-my-taxand-login {
display: table-cell;
opacity: 1;
width: 70%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-search {
width: 15%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-hamburger-menu {
width: 15%;
}
}
@media (min-width: 769px) {
div#side-menu {
width: 50%;
}
div.menu-header-menu-container {
display: none;
}
div#header-menu-logo {
width: 20%;
}
div#header-menu-navigation {
display: table-cell;
width: 30%;
}
div#header-menu-my-taxand-login {
display: table-cell;
opacity: 1;
width: 30%;
}
div#header-menu-search {
width: 10%;
}
div#header-menu-hamburger-menu {
width: 10%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-my-taxand-login {
display: table-cell;
opacity: 1;
width: 60%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-my-taxand-login li.menu-item {
text-align: center;
padding-left: 0px;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-search {
width: 20%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-hamburger-menu {
width: 20%;
}
}
@media (min-width: 1024px) {
div#side-menu {
width: 270px;
}
div.menu-header-menu-container {
display: block;
}
div#header-menu-logo {
width: 20%;
}
div#header-menu-navigation {
display: table-cell;
width: 50%;
}
div#header-menu-my-taxand-login {
display: none;
opacity: 1;
width: 15%;
}
div#header-menu-search {
width: 7.5%;
}
div#header-menu-hamburger-menu {
width: 7.5%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-my-taxand-login {
display: table-cell;
opacity: 1;
width: 50%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-my-taxand-login li.menu-item {
text-align: center;
padding-left: 0px;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-search {
width: 25%;
}
div#side-menu > div#side-menu-header-menu > div#header-menu-hamburger-menu {
width: 25%;
}
}
/*Detail person container */
.detail-person-container {
display: flex!important;
justify-content: space-between;
}
.detail-person-container .detail-person-container__img {
width: 40%!important;
height: 380px!important;
}
.detail-person-container .detail-person-container__data {
width: calc(60% - 24px)!important;
}
.detail-person-container .detail-person-container__name {
padding-bottom: 24px;
}
.detail-person-container .button {
margin-top: 16px;
}
@media screen and (max-width: 769px) {
.detail-person-container {
flex-wrap: wrap;
}
.detail-person-container .detail-person-container__img {
width: 100%!important;
height: 400px!important;
}
.detail-person-container .detail-person-container__data {
width: 100%!important;
}
}
/* Layout and lines section */
div#layout_and_lines_section{
display: inline-grid;
width: inherit;
}
div#layout_title {
float: left;
width: 100%;
height: 100%;
margin-bottom: 3%;
}
div#layout-title-inner {
display: table;
width: 90%;
height: 100%;
max-width: 1600px;
margin: 0px auto;
padding-left: 5%;
padding-right: 5%;
}
div#layout_title-container {
position: relative;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
height: 300px;
}
.layout_title .layout_title__container {
align-items: center;
align-self: center;
}
.layout_title .layout_title__container .layout_title__inner {
padding: 1% 1% 1% 5%;
}
.layout_title .layout_title__container .layout_title__inner >p{
color: white;
}
@media(min-width: 768px) {
.layout_title .layout_title__container .layout_title__inner >p{
width: 45%;
}
}
div#layout_lines{
display: flex;
margin: 2% 8%;
justify-content: space-between;
}
@media(max-width: 600px) {
div#layout_lines{
display: block;
margin: 2% 20%;
}
div#layout_lines_number_description{
margin-top: 10px;
}
}
div#layout_lines_title_text{
display: flex;
flex-direction: column;
margin-right: 10px;
}
p#layout_lines_title{
font-weight: bold;
}
div#layout_lines_number_description{
display: flex;
flex-direction: column;
text-align: end;
justify-content: center;
}
p#layout_lines_number{
color: #0089BC;
font-weight: bold;
font-size: 2.5rem;
}
p#layout_lines_description{
color: #0089BC;
font-size: smaller;
line-height: normal;
font-weight: bold;
}
/* Title */
div#title {
float: left;
width: 100%;
height: 100%;
}
div#title-container {
position: relative;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
height: 400px;
}
.title.title--colour {
background-color: #222850;
}
.title {
height: 50vh !important;
}
.title.title--image .title__container {
height: 100% !important;
}
.title.title--colour p {
color: #fff;
}
.title.title--image p {
color: #fff;
}
.title p {
width: 60%;
margin-top: 16px;
}
.title h1 {
font-size: 44px;
}
.title {
display: flex!important;
}
.title .title__container {
display: flex!important;
align-items: center;
align-self: center;
height: auto!important;
}
.title .title__container .title__inner {
display: flex!important;
flex-wrap: wrap;
align-items: center;
height: auto!important;
}
.title .title__container .title__inner h1 {
width: 100%;
display: block!important;
}
@media screen and (max-width: 768px) {
.title .title__container {
display: none!important;
}
.title .title__mobile-container {
display: flex!important;
align-items: center;
align-self: center;
}
.title.title--colour .title__mobile-container {
height: initial!important;
}
.title.title--image .title__mobile-container {
height: 280px!important;
}
.title .title__mobile-inner {
display: flex!important;
flex-wrap: wrap;
}
.title .title__mobile-inner h1,
.title .title__mobile-inner p {
width: 100%;
}
}
@media (min-width: 0px) {
div#title-container {
display: none;
}
}
@media (min-width: 769px) {
div#title-container {
display: block;
}
}
@media (min-width: 1024px) {
div#title-container {
display: block;
}
}
div#title-inner {
display: table;
width: 90%;
height: 100%;
margin: 0px;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
}
@media (min-width: 1600px) {
div#title-inner {
padding-left: 0px;
padding-right: 0px;
}
}
div#title-inner > h1 {
display: table-cell;
margin: 0px;
font-size: 6rem;
color: #ffffff;
vertical-align: middle;
}
@media (min-width: 0px) {
div#title-inner > h1 {
font-size: 4rem;
line-height: 45px;
}
}
@media (min-width: 769px) {
div#title-inner > h1 {
font-size: 6rem;
line-height: 65px;
}
}
@media (min-width: 1024px) {
div#title-inner > h1 {
font-size: 6rem;
line-height: 65px;
}
}
/* --------------------- */
div#mobile-title-container {
position: relative;
width: 100%;
height: 620px;
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
}
@media (min-width: 0px) {
div#mobile-title-container {
display: block;
height: 520px;
}
}
@media (min-width: 769px) {
div#mobile-title-container {
display: none;
height: 620px;
}
}
@media (min-width: 1024px) {
div#mobile-title-container {
display: none;
height: 620px;
}
}
@media (min-width: 0px) {
div#search-results div#mobile-title-container {
display: block;
height: 250px;
}
}
@media (min-width: 769px) {
div#search-results div#mobile-title-container {
display: none;
height: 620px;
}
}
@media (min-width: 1024px) {
div#search-results div#mobile-title-container {
display: none;
height: 620px;
}
}
div#mobile-title-inner {
display: table;
width: 90%;
height: 100%;
margin: 0px;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
}
@media (min-width: 0px) {
div#mobile-title-inner {
height: auto;
}
}
@media (min-width: 769px) {
div#mobile-title-inner {
height: 100%;
}
}
@media (min-width: 1024px) {
div#mobile-title-inner {
height: 100%;
}
}
@media (min-width: 1600px) {
div#mobile-title-inner {
padding-left: 0px;
padding-right: 0px;
}
}
div#mobile-title-inner > h1 {
display: table-cell;
margin: 0px;
font-size: 6rem;
color: #ffffff;
vertical-align: middle;
}
@media (min-width: 0px) {
div#mobile-title-inner > h1 {
font-size: 3.2rem;
line-height: 33px;
}
.title .title__mobile-inner p {
margin-top: 5px;
}
}
@media (min-width: 769px) {
div#mobile-title-inner > h1 {
font-size: 6rem;
line-height: 65px;
}
}
@media (min-width: 1024px) {
div#mobile-title-inner > h1 {
font-size: 6rem;
line-height: 65px;
}
}
/* News */
div#news {
float: left;
width: 100%;
height: 620px;
margin: 0%;
padding: 0%;
background-color: #eeeeee;
border-bottom: 1px solid #ffffff;
}
@media (min-width: 0px) {
div#news {
height: auto;
}
}
div#news-content {
box-sizing: border-box;
display: table;
width: 90%;
height: 400px;
padding-top: 5rem;
padding-bottom: 5rem;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#news-content {
display: block;
height: auto;
}
}
@media (min-width: 769px) {
div#news-content {
display: block;
height: 400px;
}
}
div#news-panel-left {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
text-align: left;
vertical-align: top;
float: left;
}
@media (min-width: 0px) {
div#news-panel-left {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#news-panel-left {
display: inline-block;
width: 60%;
}
}
@media (min-width: 1024px) {
div#news-panel-left {
display: inline-block;
width: 50%;
}
}
div#news-panel-left-container {
width: 90%;
border-top: 2px solid #BECDDC;
text-align: left;
vertical-align: top;
}
@media (min-width: 0px) {
div#news-panel-left-container {
width: 100%;
}
}
@media (min-width: 769px) {
div#news-panel-left-container {
width: 90%;
}
}
@media (min-width: 1024px) {
div#news-panel-left-container {
width: 90%;
}
}
div#news-panel-left-container > h4 {
margin-top: 0.5rem;
}
div#news-panel-left-container > h3 {
margin: 0px;
margin-top: 1em;
}
div#news-panel-left-container > p.title-news {
margin: 0px;
margin-top: 2em;
margin-bottom: 1em;
}
div#news-panel-left-container > p.title-news > a {
font-size: 3.6rem;
font-weight: 700;
line-height: 3.7rem;
}
div#news-panel-left-container > p.title-news > a:hover {
text-decoration: underline;
color: #0089BC;
}
div#news-panel-left-container > p a {
color: #3C3C3B;
}
div#news-panel-left-container > img.article-favourite {
position: absolute;
top: 0.5rem;
right: 10%;
height: 2rem;
}
@media (min-width: 0px) {
div#news-panel-left-container > img.article-favourite {
right: 0px;
}
}
@media (min-width: 769px) {
div#news-panel-left-container > img.article-favourite {
right: 10%;
}
}
@media (min-width: 1024px) {
div#news-panel-left-container > img.article-favourite {
right: 10%;
}
}
div#news-panel-left-container p.short-description {
margin-top: 1rem;
}
div#news-panel-right {
display: inline-block;
position: relative;
width: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: darken;
height: 100%;
}
@media (min-width: 0px) {
div#news-panel-right {
display: block;
float: left;
width: 100%;
height: 25rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 769px) {
div#news-panel-right {
display: inline-block;
float: left;
width: 50%;
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
}
}
@media (min-width: 1024px) {
div#news-panel-right {
display: inline-block;
float: left;
width: 50%;
height: 100%;
margin-top: 0px;
margin-bottom: 0px;
}
}
div#news-panel-right > a {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 300px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
/* Title People Detail */
div#title-people-detail {
float: left;
width: 100%;
height: 530px;
background-color: #f6f6f6;
padding-left: 5%;
padding-right: 5%;
}
@media (min-width: 0px) {
div#title-people-detail {
height: auto;
}
}
@media (min-width: 769px) {
div#title-people-detail {
height: 530px;
}
}
@media (min-width: 1024px) {
div#title-people-detail {
height: 530px;
}
}
@media (min-width: 1400px) {
div#title-people-detail {
height: 530px;
}
}
img.title-people-detail-close {
height: 2rem;
position: absolute;
top: 2rem;
right: 2rem;
}
@media (min-width: 0px) {
img.title-people-detail-close {
top: 2rem;
right: 4rem;
}
}
@media (min-width: 769px) {
img.title-people-detail-close {
top: 2rem;
right: 2rem;
}
}
@media (min-width: 1024px) {
img.title-people-detail-close {
top: 2rem;
right: 2rem;
}
}
div#title-people-detail-container {
box-sizing: border-box;
position: relative;
display: table;
width: 100%;
height: 470px;
background-color: #f6f6f6;
padding-top: 5rem;
padding-bottom: 5rem;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#title-people-detail-container {
display: block;
height: auto;
}
}
@media (min-width: 769px) {
div#title-people-detail-container {
display: table;
height: 470px;
}
}
@media (min-width: 1024px) {
div#title-people-detail-container {
display: table;
height: 470px;
}
}
@media (min-width: 1400px) {
div#title-people-detail-container {
display: table;
height: 520px;
}
}
@media print {
div#title-people-detail-container {
display: table;
height: 520px;
}
}
.title-people-detail__logo {
position: absolute;
top: 0;
right: 0;
height: 60px;
object-fit: cover;
font-family: 'object-fit: cover;';
width: 240px;
}
@media screen and (max-width: 769px) {
.title-people-detail__logo {
display: none;
}
}
.title-people-detail__logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
font-family: 'object-fit: contain;';
float: right;
}
div#title-people-detail-image {
display: table-cell;
width: 33.33%;
height: 100%;
vertical-align: top;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
line-height: 0px;
}
@media (min-width: 0px) {
div#title-people-detail-image {
display: block;
width: 100%;
height: 80vw;
}
}
@media (min-width: 769px) {
div#title-people-detail-image {
display: table-cell;
width: 33.33%;
height: 100%;
}
}
@media (min-width: 1024px) {
div#title-people-detail-image {
display: table-cell;
width: 33.33%;
height: 100%;
}
}
@media (min-width: 1400px) {
div#title-people-detail-image {
display: table-cell;
width: 20%;
height: 100%;
}
}
@media print {
div#title-people-detail-image {
display: table-cell;
width: 40%;
height: 100%;
}
}
div#title-people-detail-text {
display: table-cell;
width: 66.66%;
height: 100%;
padding-left: 5%;
vertical-align: top;
}
#title-people-detail div#title-people-detail-text {
padding-top: 0;
}
@media screen and (max-width: 769px) {
#title-people-detail div#title-people-detail-text {
padding-top: 2rem;
}
}
@media (min-width: 0px) {
div#title-people-detail-text {
display: block;
width: 90%;
height: auto;
padding-top: 2rem;
}
}
@media (min-width: 769px) {
div#title-people-detail-text {
display: table-cell;
width: 66.66%;
height: 100%;
padding-top: 5%;
}
}
@media (min-width: 1024px) {
div#title-people-detail-text {
display: table-cell;
width: 66.66%;
height: 100%;
padding-top: 5%;
}
}
@media (min-width: 0px) {
div#our-people div#title-people-detail-text {
padding-left: 5%;
}
}
@media (min-width: 769px) {
div#our-people div#title-people-detail-text {
padding-left: 5%;
}
}
@media (min-width: 1024px) {
div#our-people div#title-people-detail-text {
padding-left: 5%;
}
}
@media (min-width: 0px) {
div#our-people-detail div#title-people-detail-text {
padding-left: 0px;
width: 100%;
}
}
@media (min-width: 769px) {
div#our-people-detail div#title-people-detail-text {
padding-left: 5%;
width: 66.66%;
}
}
@media (min-width: 1024px) {
div#our-people-detail div#title-people-detail-text {
padding-left: 5%;
width: 66.66%;
}
}
@media print {
div#title-people-detail-text {
display: table-cell;
width: 71.66%;
height: 100%;
}
}
div#title-people-detail-user-text-container {
display: block;
height: 100%;
width: 80%;
position: relative;
}
@media (min-width: 0px) {
div#title-people-detail-user-text-container {
width: 100%;
}
}
@media (min-width: 769px) {
div#title-people-detail-user-text-container {
width: 80%;
}
}
@media (min-width: 1024px) {
div#title-people-detail-user-text-container {
width: 80%;
}
}
@media print {
div#title-people-detail-user-text-container {
width: 100%;
}
}
.people-results-user-profile-detail div#title-people-detail-user-description {
padding-top: 5%;
}
@media screen and (max-width: 769px) {
.people-results-user-profile-detail div#title-people-detail-user-description {
padding-top: 2rem;
}
}
div#title-people-detail-user-description {
font-size: 2.0rem;
font-weight: 500;
line-height: 2.1rem;
height: 40%;
}
@media (min-width: 0px) {
div#title-people-detail-user-description {
height: 22px;
border-bottom: 2px solid #BECDDC;
padding-bottom: 1rem;
}
}
@media (min-width: 769px) {
div#title-people-detail-user-description {
height: initial;
border-bottom: none;
padding-bottom: 40px;
}
}
@media (min-width: 1024px) {
div#title-people-detail-user-description {
height: initial;
border-bottom: none;
padding-bottom: 40px;
}
}
@media print {
div#title-people-detail-user-description {
height: 40%;
}
}
div#people div#title-people-detail-user-description {
width: 100%;
height: initial;
border-bottom: 2px solid #BECDDC;
}
@media (min-width: 0px) {
div#people div#title-people-detail-user-description {
height: auto;
padding-bottom: 1rem;
}
}
@media (min-width: 769px) {
div#people div#title-people-detail-user-description {
height: initial;
padding-bottom: 16px;
}
}
@media (min-width: 1024px) {
div#people div#title-people-detail-user-description {
height: initial;
padding-bottom: 16px;
}
}
div#title-people-detail-user-description > strong {
text-transform: uppercase;
}
div.title-people-detail-user-detail {
display: table;
width: 100%;
height: initial;
border-bottom: 2px solid #BECDDC;
}
@media (min-width: 0px) {
div.title-people-detail-user-detail {
height: 31px;
border-top: none;
}
}
@media (min-width: 769px) {
div.title-people-detail-user-detail {
height: initial;
border-top: none;
padding: 10px 0;
}
}
@media (min-width: 1024px) {
div.title-people-detail-user-detail {
height: initial;
border-top: none;
}
}
a.title-people-detail-user-detail {
display: block;
width: 100%;
height: 100%;
text-align: left;
color: #3C3C3B;
}
@media (min-width: 0px) {
a.title-people-detail-user-detail {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 769px) {
a.title-people-detail-user-detail {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (min-width: 1024px) {
a.title-people-detail-user-detail {
padding-top: 0px;
padding-bottom: 0px;
}
}
/* Body Search Results */
div#search-results > div#title > div#title-container {
max-height: 250px;
}
div#body-search-results {
float: left;
width: 100%;
background-color: #ffffff;
padding: 5%;
}
div#search-result-text-field {
position: relative;
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
img#search-result-text-field-icon {
height: 2.6rem;
position: absolute;
top: 1.2rem;
right: 1.2rem;
}
div#search-result-text-field > input#search-result-text-field {
padding-left: 2%;
padding-right: 2%;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
width: 100%;
}
div#search-results-filters {
display: table;
width: 100%;
margin-top: 5rem;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#search-results-filters {
display: block;
}
}
@media (min-width: 769px) {
div#search-results-filters {
display: table;
}
}
@media (min-width: 1024px) {
div#search-results-filters {
display: table;
}
}
div#search-results-filters > div.search-results-filters-section {
display: table-cell;
text-align: center;
vertical-align: middle;
background-color: #dddddd;
color: #3C3C3B;
padding: 1.6rem;
border-right: 1px solid #ffffff;
border-radius: 2px;
cursor: pointer;
cursor: hand;
}
@media (min-width: 0px) {
div#search-results-filters > div.search-results-filters-section {
display: block;
margin-bottom: 1rem;
}
}
@media (min-width: 769px) {
div#search-results-filters > div.search-results-filters-section {
display: table-cell;
margin-bottom: 0px;
}
}
@media (min-width: 1024px) {
div#search-results-filters > div.search-results-filters-section {
display: table-cell;
margin-bottom: 0px;
}
}
div#search-results-items {
width: 100%;
margin-top: 5rem;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div.search-results-items-row {
float: left;
width: 100%;
margin-bottom: 2rem;
}
div.search-results-items-row > a {
float: left;
display: inline-block;
width: 24%;
padding-right: 1%;
text-decoration: none;
color: #3C3C3B;
background-color: #ffffff;
cursor: pointer;
cursor: hand;
}
@media (min-width: 0px) {
div.search-results-items-row > a {
width: 100%;
padding-right: 0px;
padding-bottom: 2rem;
}
}
@media (min-width: 769px) {
div.search-results-items-row > a {
width: 24%;
padding-right: 1%;
padding-bottom: 0px;
}
}
@media (min-width: 1024px) {
div.search-results-items-row > a {
width: 24%;
padding-right: 1%;
padding-bottom: 0px;
}
}
div.search-results-items-row > a > h4 {
border-top: 2px solid #BECDDC;
padding-top: 0.5rem;
}
div.search-results-items-row > a > h4:hover {
text-decoration: none;
}
div.search-results-items-row > a > h3 {
margin-top: 2rem;
text-decoration: none;
}
div.search-results-items-row > a > h3:hover {
color: #0089BC;
text-decoration: underline;
}
div.search-results-items-row > a > p:hover {
text-decoration: none;
}
div#search-results-pages {
float: left;
width: 100%;
margin-top: 5rem;
text-align: center;
}
div#search-results-pages-text {
display: inline-block;
font-weight: 500;
}
input#search-results-current-page {
width: 3rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
text-align: center;
}
div#search-results-pages-container {
text-align: left;
vertical-align: middle;
}
div#search-results-pages a#search-results-previous {
display: inline-block;
font-weight: 700;
text-align: center;
vertical-align: middle;
margin-right: 5rem;
cursor: pointer;
cursor: hand;
white-space: nowrap;
}
@media (min-width: 0px) {
div#search-results-pages a#search-results-previous {
margin-right: 1rem;
}
}
@media (min-width: 769px) {
div#search-results-pages a#search-results-previous {
margin-right: 5rem;
}
}
@media (min-width: 1024px) {
div#search-results-pages a#search-results-previous {
margin-right: 5rem;
}
}
div#search-results-pages a#search-results-previous:before {
content: '« ';
}
div#search-results-pages a.search-results-page {
display: inline-block;
font-weight: 400;
text-align: center;
width: 2rem;
margin-left: 1rem;
margin-right: 1rem;
cursor: pointer;
cursor: hand;
}
div#search-results-pages a.search-results-page-active {
font-weight: 700;
}
div#search-results-pages-outer {
display: inline-block;
text-align: center;
vertical-align: middle;
}
div#search-results-pages a#search-results-next {
display: inline-block;
font-weight: 700;
text-align: center;
vertical-align: middle;
margin-left: 5rem;
cursor: pointer;
cursor: hand;
white-space: nowrap;
}
@media (min-width: 0px) {
div#search-results-pages a#search-results-next {
margin-left: 1rem;
}
}
@media (min-width: 769px) {
div#search-results-pages a#search-results-next {
margin-left: 5rem;
}
}
@media (min-width: 1024px) {
div#search-results-pages a#search-results-next {
margin-left: 5rem;
}
}
div#search-results-pages a#search-results-next:after {
content: ' »';
}
div#search-results-tag-results {
display: block;
background-color: #f6f6f6;
margin-top: 2px;
padding: 1%;
border-radius: 2px;
}
div#search-results-tag-results ul {
list-style: none;
padding: 0px;
margin: 0px;
}
div#search-results-tag-results li {
display: inline-block;
font-size: 1.4rem;
border-radius: 2px;
color: #ffffff;
background-color: rgb(176, 212, 224);
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
margin-right: 0.5rem;
cursor: pointer;
cursor: hand;
}
div#search-results-tags {
width: 100%;
text-align: right;
margin-top: 1rem;
margin-bottom: 1rem;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div.search-results-tag {
font-size: 1.4rem;
color: #ffffff;
background-color: rgb(176, 212, 224);
;
display: inline-block;
padding-left: 2rem;
padding-right: 1.6rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-left: 0.5rem;
margin-bottom: 0.5rem;
border-radius: 2px;
cursor: pointer;
cursor: hand;
}
div.search-results-tag > img {
height: 1rem;
margin-left: 1.4rem;
vertical-align: middle;
}
/* Body People Detail */
div#people-detail-outer {
float: left;
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
div#people-detail {
display: table;
width: 100%;
background-color: #ffffff;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#people-detail {
display: block;
}
}
@media (min-width: 769px) {
div#people-detail {
display: table;
}
}
@media (min-width: 1024px) {
div#people-detail {
display: table;
}
}
div#people-detail-left {
display: table-cell;
width: 33.33%;
vertical-align: top;
padding-left: 0px;
padding-right: 0px;
padding-top: 5%;
padding-bottom: 5%;
}
@media (min-width: 0px) {
div#people-detail-left {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#people-detail-left {
display: table-cell;
width: 33.33%;
}
}
@media (min-width: 1024px) {
div#people-detail-left {
display: table-cell;
width: 33.33%;
}
}
div#people-detail-specialism {
border-top: 2px solid #BECDDC;
width: 100%;
padding-bottom: 5%;
}
div#people-detail-specialism > h3 {
margin-bottom: 1rem;
}
div#people-detail-specialism > ul {
padding: 0px;
}
div#people-detail-specialism > ul > li {
margin-left: 18px;
color: #3C3C3B;
}
div#people-detail-specialism > ul > li > span {
color: #3C3C3B;
}
div#people-detail-newsfeed {
width: 100%;
padding-bottom: 5%;
}
div#people-detail-newsfeed > a {
text-decoration: none;
margin-bottom: 1rem;
}
div#people-detail-newsfeed > a:hover {
text-decoration: none;
}
div#people-detail-newsfeed > a > h4 {
border-top: 2px solid #BECDDC;
}
div#people-detail-newsfeed > a > h4:hover {
color: #BECDDC;
text-decoration: none;
}
div#people-detail-newsfeed > a > h3 {
margin-bottom: 1rem;
}
div#people-detail-newsfeed > a > h3:hover {
color: #D23D49;
text-decoration: underline;
}
div#people-detail-newsfeed > a > p:hover {
color: #3C3C3B;
text-decoration: none;
}
a#newsfeed-load-more-button {
-webkit-appearence: none;
display: block;
clear: both;
width: 100%;
padding: 1rem;
background-color: #FCBE00;
color: #000;
text-align: center;
text-transform: uppercase;
border-radius: 0px;
cursor: pointer;
cursor: hand;
}
@media (min-width: 0px) {
a#newsfeed-load-more-button {
width: 98%;
padding-left: 1%;
padding-right: 1%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 769px) {
a#newsfeed-load-more-button {
width: 100%;
padding: 1rem;
}
}
@media (min-width: 1024px) {
a#newsfeed-load-more-button {
width: 100%;
padding: 1rem;
}
}
div#people-detail-right {
display: table-cell;
width: 66.66%;
padding-top: 5%;
padding-bottom: 5%;
padding-left: 5%;
padding-right: 0px;
}
@media (min-width: 0px) {
div#people-detail-right {
display: block;
width: 100%;
padding-left: 0px;
}
}
@media (min-width: 769px) {
div#people-detail-right {
display: table-cell;
width: 66.66%;
padding-left: 5%;
}
}
@media (min-width: 1024px) {
div#people-detail-right {
display: table-cell;
width: 66.66%;
padding-left: 5%;
}
}
.people-detail-sub {
color: #3C3C3B;
font-weight: 325;
font-size: 18px;
line-height: 22px;
text-transform: none;
}
div#people-detail-biography {
border-top: 2px solid #BECDDC;
padding-top: 1rem;
margin-top: 25px;
}
div#people-detail-biography > img {
float: left;
display: inline-block;
height: 2rem;
padding-right: 1rem;
}
div#people-detail-biography > h3 {
margin-bottom: 1rem;
}
div#people-detail-biography li {
color: #3C3C3B;
}
div#people-detail-choose {
border-top: 2px solid #BECDDC;
margin-top: 5rem;
padding-top: 1rem;
}
div#people-detail-choose > img {
float: left;
display: inline-block;
height: 2rem;
padding-right: 1rem;
}
div#people-detail-choose > h3 {
margin-bottom: 1rem;
}
/* Home Articles */
div.articles {
position: absolute;
left: 0%;
bottom: 0%;
}
@media (min-width: 0px) {
div.articles {
position: relative;
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 769px) {
div.articles {
position: absolute;
margin-top: 0px;
margin-bottom: 0px;
}
}
@media (min-width: 1024px) {
div.articles {
position: absolute;
margin-top: 0px;
margin-bottom: 0px;
}
}
div.article {
float: left;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 10px;
margin: 0px;
margin-right: 10px;
background-color: #BECDDC;
cursor: pointer;
cursor: hand;
}
div.article-selected {
float: left;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 10px;
margin: 0px;
margin-right: 10px;
background-color: #8899bb;
}
/* Breadcrumbs */
div#breadcrumbs {
float: left;
width: 100%;
background-color: #f6f6f6;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
div#breadcrumbs-outer {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
}
@media print {
div#breadcrumbs {
display: none;
}
}
ul#breadcrumbs-container {
padding: 0px;
list-style: none;
margin: 0px;
}
@media (min-width: 0px) {
ul#breadcrumbs-container {
display: none;
}
}
@media (min-width: 769px) {
ul#breadcrumbs-container {
display: block;
}
}
@media (min-width: 1024px) {
ul#breadcrumbs-container {
display: block;
}
}
ul#breadcrumbs-container a {
font-size: 1.4rem;
font-weight: normal;
color: #3C3C3B;
text-decoration: none;
}
ul#breadcrumbs-container a:hover {
font-size: 1.4rem;
font-weight: normal;
color: #0089BC;
text-decoration: underline;
}
ul#breadcrumbs-container li {
display: inline-block;
float: left;
list-style: none;
}
ul#breadcrumbs-container li.item-current > strong {
font-size: 1.4rem;
font-weight: 700;
color: #000000;
text-decoration: none;
}
div#breadcrumb-sharing {
float: right;
display: table;
}
div#breadcrumb-sharing-share {
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 1.2rem;
line-height: 1.6rem;
color: #3C3C3B;
}
@media (min-width: 0px) {
div#breadcrumb-sharing-share {
display: none;
}
}
@media (min-width: 769px) {
div#breadcrumb-sharing-share {
display: table-cell;
}
}
@media (min-width: 1024px) {
div#breadcrumb-sharing-share {
display: table-cell;
}
}
div#breadcrumb-sharing-icons {
display: table-cell;
}
div#breadcrumb-sharing-icons-container {
display: table;
float: left;
width: 100%;
}
div#breadcrumb-sharing-icons a {
display: table-cell;
width: 25%;
text-align: center;
vertical-align: middle;
padding: 0px;
padding-left: 2rem;
line-height: 0px;
cursor: pointer;
cursor: hand;
}
div#breadcrumb-sharing-icons img {
height: 2rem;
}
/* My Taxand Navigation */
div#my-taxand-navigation {
float: left;
width: 100%;
background-color: #BECDDC;
}
@media (min-width: 0px) {
div#my-taxand-navigation {
position: fixed;
top: 80px;
height: auto;
margin-top: 0px;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation {
position: absolute;
top: 0px;
height: 80px;
margin-top: 80px;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation {
position: fixed;
height: 80px;
margin-top: 80px;
}
}
div#my-taxand-navigation-outer {
display: table;
width: 100%;
height: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
}
@media (min-width: 0px) {
div#my-taxand-navigation-outer {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation-outer {
padding-left: 5%;
padding-right: 5%;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation-outer {
padding-left: 5%;
padding-right: 5%;
}
}
div#my-taxand-navigation-inner {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom;
}
div#my-taxand-navigation-container {
}
@media (min-width: 0px) {
div#my-taxand-navigation-container {
display: block;
position: relative;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation-container {
display: table;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation-container {
display: table;
}
}
div#my-taxand-navigation-container ul {
display: inline-block;
margin: 0px;
padding: 0px;
}
@media (min-width: 0px) {
div#my-taxand-navigation-container ul {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation-container ul {
display: inline-block;
width: auto;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation-container ul {
display: inline-block;
width: auto;
}
}
div#my-taxand-navigation-container li {
display: inline-block;
margin: 0px;
padding: 0px;
list-style: none;
margin-right: 3rem;
}
@media (min-width: 0px) {
div#my-taxand-navigation-container li {
display: block;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #ffffff;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation-container li {
display: inline-block;
width: auto;
padding-top: 0px;
padding-bottom: 0.5rem;
border-bottom: 0.5rem solid transparent;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation-container li {
display: inline-block;
width: auto;
padding-top: 0px;
padding-bottom: 0.5rem;
border-bottom: 0.5rem solid transparent;
}
}
div#my-taxand-navigation-container li > a {
font-size: 1.4rem;
font-weight: 500;
color: #8899bb;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
}
@media (min-width: 0px) {
div#my-taxand-navigation-container li > a {
margin-left: 5%;
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation-container li > a {
margin-left: 0px;
display: inline-block;
width: auto;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation-container li > a {
margin-left: 0px;
display: inline-block;
width: auto;
}
}
div#my-taxand-navigation-container li > a:hover {
color: #ffffff;
text-decoration: none;
}
div#my-taxand-navigation-container li.current-menu-item {
border-bottom: 0.5rem solid #8899bb;
}
@media (min-width: 0px) {
div#my-taxand-navigation-container li.current-menu-item {
border-bottom: 1px solid #ffffff;
background-color: #8899bb;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation-container li.current-menu-item {
border-bottom: 0.5rem solid #8899bb;
background-color: transparent;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation-container li.current-menu-item {
border-bottom: 0.5rem solid #8899bb;
background-color: transparent;
}
}
@media (min-width: 0px) {
div#my-taxand-navigation-container li.current-menu-item > a {
color: #ffffff;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation-container li.current-menu-item > a {
color: #8899bb;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation-container li.current-menu-item > a {
color: #8899bb;
}
}
div#my-taxand-navigation-mobile {
position: relative;
width: 90%;
display: block;
padding-left: 5%;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 5%;
font-weight: 700;
color: #3C3C3B;
background-color: #dddddd;
}
@media (min-width: 0px) {
div#my-taxand-navigation-mobile {
display: block;
}
}
@media (min-width: 769px) {
div#my-taxand-navigation-mobile {
display: none;
}
}
@media (min-width: 1024px) {
div#my-taxand-navigation-mobile {
display: none;
}
}
img#my-taxand-navigation-mobile-dropdown {
position: absolute;
right: 5%;
height: 2rem;
}
div#navigation-spacer {
float: left;
width: 100%;
height: 80px;
}
/* Introduction */
div#introduction {
float: left;
width: 100%;
background-color: #ffffff;
padding: 0%;
padding-left: 5%;
padding-right: 5%;
}
@media (min-width: 0px) {
div#dashboard div#introduction {
margin-top: 320px;
}
}
@media (min-width: 769px) {
div#dashboard div#introduction {
margin-top: 160px;
}
}
@media (min-width: 1024px) {
div#dashboard div#introduction {
margin-top: 160px;
}
}
@media (min-width: 0px) {
div#resources div#introduction {
margin-top: 320px;
}
}
@media (min-width: 769px) {
div#resources div#introduction {
margin-top: 160px;
}
}
@media (min-width: 1024px) {
div#resources div#introduction {
margin-top: 160px;
}
}
@media (min-width: 0px) {
div#forum div#introduction {
margin-top: 320px;
}
}
@media (min-width: 769px) {
div#forum div#introduction {
margin-top: 160px;
}
}
@media (min-width: 1024px) {
div#forum div#introduction {
margin-top: 160px;
}
}
div#introduction-content {
width: 100%;
padding: 0%;
padding-top: 3%;
padding-bottom: 3%;
border-bottom: 2px solid #BECDDC;
font-size: 2.2rem;
line-height: 2.5rem;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#introduction-content {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
@media (min-width: 769px) {
div#introduction-content {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 1024px) {
div#introduction-content {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
div#stories div#introduction-content {
font-weight: 700;
}
div#introduction-content > a {
font-size: 2.2rem;
line-height: 2.5rem;
}
div#introduction-content > p > a {
font-size: 2.2rem;
line-height: 2.5rem;
}
/* Links */
div#links {
float: left;
width: 100%;
background-color: #ffffff;
padding: 0%;
padding-left: 5%;
padding-right: 5%;
}
div#links-content {
display: table;
width: 100%;
padding: 0%;
padding-top: 5%;
padding-bottom: 5%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#links-content {
display: block;
}
}
@media (min-width: 769px) {
div#links-content {
display: table;
}
}
@media (min-width: 1024px) {
div#links-content {
display: table;
}
}
div.links-content-column {
display: table-cell;
width: 20%;
margin: 0%;
margin-right: 5%;
}
@media (min-width: 0px) {
div.links-content-column {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div.links-content-column {
display: table-cell;
width: 20%;
}
}
@media (min-width: 1024px) {
div.links-content-column {
display: table-cell;
width: 20%;
}
}
/* Detail */
div#detail-outer {
float: left;
width: 100%;
padding-left: 5%;
padding-right: 5%;
padding-top: 3%;
padding-bottom: 3%;
}
div#detail {
display: table;
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#detail {
display: block;
}
}
@media (min-width: 769px) {
div#detail {
display: table;
}
}
@media (min-width: 1024px) {
div#detail {
display: table;
}
}
div#detail-text {
display: table-cell;
width: 47.5%;
padding-right: 5%;
text-align: left;
vertical-align: top;
}
@media (min-width: 0px) {
div#detail-text {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#detail-text {
display: table-cell;
width: 47.5%;
}
}
@media (min-width: 1024px) {
div#detail-text {
display: table-cell;
width: 47.5%;
}
}
div#detail-text h1 {
font-size: 2.0rem;
line-height: 2.1rem;
font-weight: 500;
color: #3C3C3B;
margin-bottom: 1rem;
}
div#detail-text h2 {
font-size: 2.0rem;
line-height: 2.1rem;
font-weight: 500;
color: #3C3C3B;
margin-bottom: 1rem;
}
div#detail-text h3 {
font-size: 2.0rem;
line-height: 2.1rem;
font-weight: 500;
color: #3C3C3B;
margin-bottom: 1rem;
}
div#detail-text h4 {
font-size: 2.0rem;
line-height: 2.1rem;
font-weight: 500;
color: #3C3C3B;
margin-bottom: 1rem;
}
div#detail-text h5 {
font-size: 2.0rem;
line-height: 2.1rem;
font-weight: 500;
color: #3C3C3B;
margin-bottom: 1rem;
}
div#detail-text h6 {
font-size: 2.0rem;
line-height: 2.1rem;
font-weight: 500;
color: #3C3C3B;
margin-bottom: 1rem;
}
div#detail-text p {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: normal;
color: #3C3C3B;
margin-bottom: 2.4rem;
}
div#detail-text pre {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: normal;
color: #3C3C3B;
}
div#detail-text ul {
padding-left: 0rem;
list-style-position: outside;
}
div#detail-text li {
font-size: 1.6rem;
line-height: 2.4rem;
font-weight: normal;
color: #3C3C3B;
}
div#detail-user {
display: table-cell;
width: 47.5%;
text-align: left;
vertical-align: top;
}
@media (min-width: 0px) {
div#detail-user {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#detail-user {
display: table-cell;
width: 47.5%;
}
}
@media (min-width: 1024px) {
div#detail-user {
display: table-cell;
width: 47.5%;
}
}
div#detail-container {
display: table;
width: 100%;
height: 100%;
margin-bottom: 5rem;
}
@media (min-width: 0px) {
div#detail-container {
display: block;
}
}
@media (min-width: 769px) {
div#detail-container {
display: table;
}
}
@media (min-width: 1024px) {
div#detail-container {
display: table;
}
}
div#detail-user-image {
display: table-cell;
width: 33.33%;
height: 400px;
text-align: left;
vertical-align: top;
line-height: 0px;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 0px) {
div#detail-user-image {
display: block;
width: 100%;
height: 600px;
}
}
@media (min-width: 769px) {
div#detail-user-image {
display: table-cell;
width: 33.33%;
height: 400px;
}
}
@media (min-width: 1024px) {
div#detail-user-image {
display: table-cell;
width: 33.33%;
height: 400px;
}
}
div#detail-user-text {
display: table-cell;
width: 66.66%;
height: 100%;
text-align: left;
vertical-align: top;
}
@media (min-width: 0px) {
div#detail-user-text {
display: block;
width: 100%;
height: auto;
margin-top: 2rem;
}
}
@media (min-width: 769px) {
div#detail-user-text {
display: table-cell;
width: 66.66%;
height: 100%;
margin-top: 0px;
}
}
@media (min-width: 1024px) {
div#detail-user-text {
display: table-cell;
width: 66.66%;
height: 100%;
margin-top: 0px;
}
}
div#detail-user-text-container {
display: block;
width: 95%;
padding-left: 5%;
}
@media (min-width: 0px) {
div#detail-user-text-container {
width: 100%;
padding-left: 0px;
}
}
@media (min-width: 769px) {
div#detail-user-text-container {
width: 95%;
padding-left: 5%;
}
}
@media (min-width: 1024px) {
div#detail-user-text-container {
width: 95%;
padding-left: 5%;
}
}
div#detail-user-description {
clear: both;
display: block;
font-size: 2.0rem;
font-weight: 500;
line-height: 2.1rem;
text-transform: uppercase;
width: 100%;
color: #3C3C3B;
border-bottom: 2px solid #BECDDC;
}
a#detail-user-location {
clear: both;
display: block;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
color: #3C3C3B;
border-bottom: 2px solid #BECDDC;
}
a#detail-user-telephone {
clear: both;
display: block;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
color: #3C3C3B;
border-bottom: 2px solid #BECDDC;
}
a#detail-user-mobile {
clear: both;
display: block;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
color: #3C3C3B;
border-bottom: 2px solid #BECDDC;
}
a#detail-user-email {
clear: both;
display: block;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
color: #3C3C3B;
border-bottom: 2px solid #BECDDC;
}
a#detail-user-connect {
clear: both;
display: block;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
color: #3C3C3B;
border-bottom: 2px solid #BECDDC;
}
a#detail-user-website {
clear: both;
display: block;
width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
color: #3C3C3B;
border-bottom: 2px solid #BECDDC;
}
/* Locations */
div#locations {
float: left;
width: 100%;
background-color: #ffffff;
padding: 0%;
padding-left: 5%;
padding-right: 5%;
}
div#locations-map {
float: left;
width: 100%;
background-color: #ffffff;
padding: 0%;
padding-left: 5%;
padding-right: 5%;
}
div#locations-controls {
height: auto;
margin-top: 2rem;
margin-bottom: 2rem;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#locations-controls {
display: none;
}
}
@media (min-width: 769px) {
div#locations-controls {
display: flex;
}
}
@media (min-width: 1024px) {
div#locations-controls {
display: flex;
}
}
div#locations-controls img {
height: 100%;
margin-right: 1rem;
}
div#locations-map > iframe {
padding-bottom: 5%;
}
div#locations-content {
display: table;
width: 100%;
padding: 0%;
padding-top: 2rem;
padding-bottom: 5%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#locations-content {
display: block;
}
}
@media (min-width: 769px) {
div#locations-content {
display: table;
}
}
@media (min-width: 1024px) {
div#locations-content {
display: table;
}
}
div.locations-content-column {
display: table-cell;
width: 20%;
margin: 0%;
margin-right: 5%;
}
@media (min-width: 0px) {
div.locations-content-column {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div.locations-content-column {
display: table-cell;
width: 20%;
}
}
@media (min-width: 1024px) {
div.locations-content-column {
display: table-cell;
width: 20%;
}
}
div.locations-content-column > a {
display: block;
font-size: 2.0rem;
font-weight: 500;
line-height: 3.6rem;
color: #0089BC;
margin-bottom: 0.5em;
text-decoration: none;
}
div.locations-content-column > a:hover {
text-decoration: none;
}
div.locations-content-column > a:after {
content: ' »';
}
/* Map */
.location-list {
position: absolute;
width: 30vw;
height: 100%;
z-index: 2;
background: white;
overflow-y: auto;
}
div#body-map {
position: relative;
float: left;
display: block;
width: 100%;
padding: 0 5%;
}
div#body-map > div#map {
width: calc(100%);
float: right;
height: 70rem;
}
@media (min-width: 0px) {
div#body-map > div#map {
height: 50rem;
}
}
@media (min-width: 769px) {
div#body-map > div#map {
height: 70rem;
}
}
@media (min-width: 1024px) {
div#body-map > div#map {
height: 70rem;
}
}
div#body-map > div#address-outer {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
@media (min-width: 0px) {
div#body-map > div#address-outer {
position: relative;
margin-top: 3rem;
}
}
@media (min-width: 769px) {
div#body-map > div#address-outer {
position: absolute;
top: 0px;
margin-top: 0px;
}
}
@media (min-width: 1024px) {
div#body-map > div#address-outer {
position: absolute;
top: 0px;
margin-top: 0px;
}
}
div#body-map > div#address-outer > div#address-inner {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#body-map > div#address-outer > div#address-inner > div#address {
width: 20%;
background-color: #ffffff;
padding: 2%;
opacity: 0.9;
}
@media (min-width: 0px) {
div#body-map > div#address-outer > div#address-inner > div#address {
width: 100%;
opacity: 1;
padding: 0px;
}
}
@media (min-width: 769px) {
div#body-map > div#address-outer > div#address-inner > div#address {
width: 33.33%;
opacity: 0.9;
padding: 2%;
}
}
@media (min-width: 1024px) {
div#body-map > div#address-outer > div#address-inner > div#address {
width: 25%;
opacity: 0.9;
padding: 2%;
}
}
div#body-map div#address > h1 {
font-size: 2rem;
font-weight: 700;
line-height: 2.1rem;
color: #3C3C3B;
}
div#body-map div#address > h2 {
font-size: 2rem;
font-weight: 700;
line-height: 2.1rem;
color: #3C3C3B;
}
div#body-map div#address > h3 {
font-size: 2rem;
font-weight: 700;
line-height: 2.1rem;
color: #3C3C3B;
}
div#body-map div#address > h4 {
font-size: 2rem;
font-weight: 700;
line-height: 2.1rem;
color: #3C3C3B;
}
div#body-map div#address > h5 {
font-size: 2rem;
font-weight: 700;
line-height: 2.1rem;
color: #3C3C3B;
}
div#body-map div#address > h6 {
font-size: 2rem;
font-weight: 700;
line-height: 2.1rem;
color: #3C3C3B;
}
div#body-map div#address > p > a {
display: block;
width: 100%;
color: #3C3C3B;
text-decoration: none;
padding-top: 1rem;
padding-bottom: 1rem;
}
div#body-map div#address > p > a:hover {
color: #0089BC;
text-decoration: underline;
}
div#map-location-information {
position: absolute;
width: 20%;
background-color: #3C3C3B;
padding: 1.6rem;
}
div#map-location-information > img {
position: absolute;
top: 1.6rem;
right: 1.6rem;
height: 2rem;
}
div#map-location-information h3 {
color: #ffffff;
width: 90%;
}
div#map-location-information h3:hover {
color: #0089BC;
text-decoration: underline;
cursor: pointer;
cursor: hand;
}
div#map-location-information p {
color: #ffffff;
}
div#map-location-information span {
color: #ffffff;
}
div#map-location-information a {
color: #ffffff;
cursor: pointer;
cursor: hand;
}
div#map-location-information a:hover {
color: #ffffff;
;
text-decoration: underline;
cursor: pointer;
cursor: hand;
}
div#map-location-information hr {
border-top: 1px solid #ffffff;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
div#map-location-time {
color: #ffffff;
margin-bottom: 1rem;
}
/* People */
div#people {
float: left;
padding-top: 1em;
width: 100%;
}
div#people > h3 {
margin: 0px;
margin-bottom: 2em;
}
div#people-filters-all {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
margin: 1em 5% 0 5%;
}
div#people-filters-all > h3 {
margin: 0px;
margin-bottom: 1em;
}
div#people-alphabet-filter {
display: table;
width: 100%;
margin-bottom: 2em;
}
@media (min-width: 0px) {
div#people-alphabet-filter {
display: none;
}
}
@media (min-width: 769px) {
div#people-alphabet-filter {
display: table;
}
}
@media (min-width: 1024px) {
div#people-alphabet-filter {
display: table;
}
}
div.people-alphabet-filter-all {
display: table-cell;
width: 3.5%;
text-align: center;
vertical-align: middle;
}
div.people-alphabet-filter-all > span {
font-size: 2rem;
font-weight: 500;
color: #222850;
}
div.people-alphabet-filter-all > span:hover {
text-decoration: underline;
}
div.people-alphabet-filter-separator {
display: table-cell;
width: 3.5%;
color: #222850;
text-align: center;
vertical-align: middle;
font-size: 2rem;
font-weight: 500;
}
div.people-alphabet-filter-letter {
display: table-cell;
width: 3.5%;
text-align: center;
vertical-align: middle;
}
div.people-alphabet-filter-letter > span {
font-size: 2rem;
font-weight: 500;
color: #222850;
text-decoration: none;
cursor: pointer;
cursor: hand;
}
div.people-alphabet-filter-letter > span:hover {
text-decoration: underline;
}
div#people-search-filter {
display: table;
width: 100%;
}
@media (min-width: 0px) {
div#people-search-filter {
display: block;
}
}
@media (min-width: 769px) {
div#people-search-filter {
display: table;
}
}
@media (min-width: 1024px) {
div#people-search-filter {
display: table;
}
}
div#people-search-filter-name {
display: table-cell;
position: relative;
width: 33.33%;
}
@media (min-width: 0px) {
div#people-search-filter-name {
display: block;
width: 100%;
margin-bottom: 1rem;
background-color: #dddddd;
}
}
@media (min-width: 769px) {
div#people-search-filter-name {
display: table-cell;
width: 33.33%;
margin-bottom: 0px;
background-color: transparent;
}
}
@media (min-width: 1024px) {
div#people-search-filter-name {
display: table-cell;
width: 33.33%;
margin-bottom: 0px;
background-color: transparent;
}
}
div#people-search-filter-name > input#name {
width: 99%;
height: 53px;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
padding-left: 5%;
padding-right: 5%;
}
@media (min-width: 0px) {
div#people-search-filter-name > input#name {
padding-left: 1.6rem;
padding-right: 1.6rem;
width: 98%;
}
}
@media (min-width: 769px) {
div#people-search-filter-name > input#name {
padding-left: 5%;
padding-right: 5%;
width: 98%;
}
}
@media (min-width: 1024px) {
div#people-search-filter-name > input#name {
padding-left: 5%;
padding-right: 5%;
width: 99%;
}
}
div#people-search-filter-area {
position: relative;
display: table-cell;
width: 33.33%;
vertical-align: top;
}
@media (min-width: 0px) {
div#people-search-filter-area {
display: block;
width: 100%;
margin-bottom: 1rem;
}
}
@media (min-width: 769px) {
div#people-search-filter-area {
display: table-cell;
width: 33.33%;
margin-bottom: 0px;
}
}
@media (min-width: 1024px) {
div#people-search-filter-area {
display: table-cell;
width: 33.33%;
margin-bottom: 0px;
}
}
div#people-search-filter-area > select {
width: 99%;
}
@media (min-width: 0px) {
div#people-search-filter-area > select {
width: 100%;
}
}
@media (min-width: 769px) {
div#people-search-filter-area > select {
width: 99%;
}
}
@media (min-width: 1024px) {
div#people-search-filter-area > select {
width: 99%;
}
}
div#people-search-filter-location {
display: table-cell;
width: 33.33%;
}
@media (min-width: 0px) {
div#people-search-filter-location {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#people-search-filter-location {
display: table-cell;
width: 33.33%;
}
}
@media (min-width: 1024px) {
div#people-search-filter-location {
display: table-cell;
width: 33.33%;
}
}
div#people-search-filter-location #location{
background-position-x: 98.7%;
background-position-y: center;
background-size: 22.5px;
}
@media (min-width: 0px) {
div#people-search-filter-location #location {
background-position-x: 96.5%;
background-position-y: center;
background-size: 22.5px;
}
}
@media (min-width: 1024px) {
div#people-search-filter-location #location{
background-position-x: 99%;
background-position-y: center;
background-size: 22.5px;
}}
div#people-search-filter-location > select {
width: 99%;
}
@media (min-width: 0px) {
div#people-search-filter-location > select {
width: 100%;
}
}
@media (min-width: 769px) {
div#people-search-filter-location > select {
width: 99%;
}
}
@media (min-width: 1024px) {
div#people-search-filter-location > select {
width: 99%;
}
}
div#people-search-filter-name > img {
position: absolute;
top: 1.4rem;
right: 1.6rem;
height: 2.2rem;
}
div#people-search-filter > select#area {
width: 33%;
margin-right: 1px;
}
div#people-search-filter > select#location {
width: 33.33%;
}
div#search-active {
display: none;
position: fixed;
top: 80px;
width: 100%;
pointer-events: none;
}
div#search-active-wrapper {
display: block;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#search-active-container {
display: table;
float: right;
margin-right: 7.5%;
width: 7.5%;
height: 80px;
background-color: #dddddd;
}
@media (min-width: 0px) {
div#search-active-container {
margin-right: 15%;
width: 15%;
}
}
@media (min-width: 769px) {
div#search-active-container {
margin-right: 10%;
width: 10%;
}
}
@media (min-width: 1024px) {
div#search-active-container {
margin-right: 7.5%;
width: 7.5%;
}
}
div#search-active-inner {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}
div#search-active-inner {
height: 30px;
}
div#people-filters-position {
max-width: 1600px;
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
padding-top: 2rem;
border-top: 2px solid #BECDDC;
margin: 0 5% 0% 5%;
}
div#our-locations div#people-filters-position {
min-height: 3rem;
}
div#people-filters-position > h3 {
float: left;
margin-bottom: 2rem;
}
@media (min-width: 0px) {
div#people-filters-position > h3 {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#people-filters-position > h3 {
display: inline-block;
width: 50%;
}
}
@media (min-width: 1024px) {
div#people-filters-position > h3 {
display: inline-block;
width: 50%;
}
}
div#people-filters-position > select#position {
float: right;
width: 40%;
margin-bottom: 1rem;
}
@media (min-width: 0px) {
div#people-filters-position > select#position {
float: left;
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#people-filters-position > select#position {
float: right;
display: inline-block;
width: 40%;
}
}
@media (min-width: 1024px) {
div#people-filters-position > select#position {
float: right;
display: inline-block;
width: 40%;
}
}
div#people-tags {
padding-bottom: 2rem;
margin-bottom: 2rem !important;
border-bottom: none;
text-align: right;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#our-people div#people-tags {
border-bottom: 2px solid #BECDDC;
margin: 0 5%;
}
div.people-tag {
display: inline-block;
font-size: 1.4rem;
color: #ffffff;
border-radius: 2px;
padding: 0.5rem 1rem 0.5rem 1rem;
background-color: rgb(176, 212, 224);
margin-top: 1rem;
margin-left: 1rem;
cursor: pointer;
cursor: hand;
}
div.people-tag > img {
height: 1rem;
padding-left: 1rem;
}
div#people-results {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin: 0 5% 5% 5%;
}
div.people-results-row {
margin-bottom: 35px;
float: left;
width: 100%;
clear: both;
}
div.people-results-column {
display: block;
float: left;
width: 19%;
margin-right: 1%;
}
@media (min-width: 0px) {
div.people-results-column {
width: 100%;
}
}
@media (min-width: 769px) {
div.people-results-column {
width: 19%;
}
}
@media (min-width: 1024px) {
div.people-results-column {
width: 19%;
}
}
div.people-results-column-last {
margin-right: 0%;
width: 20%;
}
@media (min-width: 0px) {
div.people-results-column-last {
width: 100%;
}
}
@media (min-width: 769px) {
div.people-results-column-last {
width: 20%;
}
}
@media (min-width: 1024px) {
div.people-results-column-last {
width: 20%;
}
}
div.people-results-arrow-container {
width: 100%;
height: 10px;
text-align: center;
vertical-align: top;
}
div.people-results-arrow {
display: none;
width: 0px;
height: 0px;
border-top: 10px solid #B0D4E0;
border-bottom: 0px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
margin-left: auto;
margin-right: auto;
}
div.people-results-user {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
background-color: #F6F6F6;
width: 100%;
position: relative;
height: 182px;
padding: 16px;
justify-content: center;
align-items: center;
}
.people-results-user .bookmark-icon {
position: absolute;
height: 1.5rem;
top: 10px;
right: 10px;
margin: 0;
}
.people-results-user h6 {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.people-results-user > a {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.user-result-img {
height: 92px;
width: 92px;
}
.mini-globe {
height: 15px;
width:15px;
display: inline-block;
margin-right: 8px;
margin-bottom: -2px;
}
.user-result-img img {
border-radius: 50%;
height: 100%;
object-fit:cover;
object-position: top center;
font-family: 'object-fit: cover;';
width: 100%;
}
.location-controls {
font-weight:bold;
display: flex;
}
.locations-vertical-line {
width: 2px;
background-color: #FCBE00;
margin-left: 10px;
margin-right: 10px;
}
.user-result-img.user-result-img--fallback img {
object-fit:contain;
object-position: center;
}
div.people-results-user > img {
float: right;
height: 2rem;
margin-top: 1rem;
margin-right: 1rem;
cursor: pointer;
cursor: hand;
}
div.people-results-user > h6 > a {
font-size: 1.4rem;
line-height: 1.4rem;
color: #3C3C3B;
font-weight: 700;
padding: 0px;
margin: 0px;
}
div.people-results-user > p {
font-size: 1.4rem;
line-height: 1.4rem;
color: #3C3C3B;
margin-left: 1rem;
margin-bottom: 1rem;
}
div.people-results-user > a {
font-size: 1.4rem;
line-height: 1.4rem;
color: #3C3C3B;
}
div#people-work-menu {
display: table;
width: 100%;
margin-top: 5%;
padding-top: 2rem;
border-top: 2px solid #BECDDC;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#people-work-menu {
display: block;
}
}
@media (min-width: 769px) {
div#people-work-menu {
display: table;
}
}
@media (min-width: 1024px) {
div#people-work-menu {
display: table;
}
}
div#people-work-title {
display: table-cell;
width: 50%;
text-align: left;
vertical-align: middle;
}
@media (min-width: 0px) {
div#people-work-title {
display: block;
width: 100%;
margin-bottom: 2rem;
}
}
@media (min-width: 769px) {
div#people-work-title {
display: table-cell;
width: 50%;
margin-bottom: 0px;
}
}
@media (min-width: 1024px) {
div#people-work-title {
display: table-cell;
width: 50%;
margin-bottom: 0px;
}
}
div#people-work-navigation {
display: table-cell;
width: 50%;
text-align: left;
vertical-align: middle;
}
@media (min-width: 0px) {
div#people-work-navigation {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#people-work-navigation {
display: table-cell;
width: 50%;
}
}
@media (min-width: 1024px) {
div#people-work-navigation {
display: table-cell;
width: 50%;
}
}
.people-filters-top {
border-top: 2px solid #BECDDC;
padding-top: 16px;
}
select#work-navigation {
width: 100%;
}
div.people-results-user-profile div#title-people-detail {
width: 100%;
margin-bottom: 1rem;
height: auto;
padding-left: 0px;
padding-right: 0px;
}
@media (min-width: 0px) {
div.people-results-user-profile div#title-people-detail-text {
height: 400px;
}
}
@media (min-width: 769px) {
div.people-results-user-profile div#title-people-detail-text {
height: 300px;
}
}
@media (min-width: 1024px) {
div.people-results-user-profile div#title-people-detail-text {
height: 300px;
}
}
div.people-results-user-profile-detail {
width: 100%;
}
div.people-results-user-profile div#title-people-detail-image {
width: 19%;
}
@media (min-width: 0px) {
div.people-results-user-profile div#title-people-detail-image {
width: auto;
margin-left: 2rem;
margin-right: 2rem;
margin-top: 5rem;
margin-bottom: 2rem;
}
}
@media (min-width: 769px) {
div.people-results-user-profile div#title-people-detail-image {
width: 35%;
margin: 0px;
}
}
@media (min-width: 1024px) {
div.people-results-user-profile div#title-people-detail-image {
width: 35%;
margin: 0px;
}
}
div.people-results-user-profile-detail div#title-people-detail-container {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 2rem;
}
button#people-results-load-more {
width: 19%;
margin-top: 1rem;
}
@media (min-width: 0px) {
button#people-results-load-more {
width: 100%;
}
}
@media (min-width: 769px) {
button#people-results-load-more {
width: 19%;
}
}
@media (min-width: 1024px) {
button#people-results-load-more {
width: 19%;
}
}
button.user-view-profile-button {
padding-left: 4rem;
padding-right: 4rem;
margin-top: 2rem;
}
@media (min-width: 0px) {
button.user-view-profile-button {
width: 100%;
}
}
@media (min-width: 769px) {
button.user-view-profile-button {
width: auto;
}
}
@media (min-width: 1024px) {
button.user-view-profile-button {
width: auto;
}
}
div#people-controls {
height: 2rem;
margin-bottom: 2rem !important;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
margin: 0 5%;
}
div#people-controls img#people-list {
height: 100%;
margin-right: 1rem;
}
div#people-controls img#people-switch {
height: 100%;
margin-right: 1rem;
}
div#people-controls img#people-shortlist {
height: 100%;
margin-right: 1rem;
}
div#people-controls > p {
display: inline-block;
text-align: left;
vertical-align: top;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.4;
text-transform: uppercase;
color: #999999;
}
@media (min-width: 0px) {
div#people-controls > p {
display: none;
}
}
@media (min-width: 769px) {
div#people-controls > p {
display: inline-block;
}
}
@media (min-width: 1024px) {
div#people-controls > p {
display: inline-block;
}
}
/* Thinking */
div#thinking {
float: left;
width: 100%;
padding: 5%;
background-color: #ffffff;
}
div#thinking-filters {
display: block;
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#thinking-search-filter-name {
float: left;
position: relative;
display: inline-block;
width: 49%;
margin-right: 0.1%;
background-color: #dddddd;
margin-right: 0 0.5%;
}
@media (min-width: 0px) {
div#thinking-search-filter-name {
width: 100%;
margin-bottom: 1rem;
}
}
@media (min-width: 769px) {
div#thinking-search-filter-name {
width: 49%;
margin-bottom: 0rem;
}
}
@media (min-width: 1024px) {
div#thinking-search-filter-name {
width:49%;
margin-bottom: 0rem;
}
}
div#thinking-search-filter-name > input#name {
width: 100%;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
padding-left: 5%;
padding-right: 5%;
height: 53px;
}
@media (min-width: 0px) {
div#thinking-search-filter-name > input#name {
padding-left: 1.6rem;
}
}
@media (min-width: 769px) {
div#thinking-search-filter-name > input#name {
padding-left: 5%;
}
}
@media (min-width: 1024px) {
div#thinking-search-filter-name > input#name {
padding-left: 5%;
}
}
div#thinking-search-filter-name > img {
position: absolute;
top: 1.4rem;
right: 1.6rem;
height: 2.2rem;
}
div#thinking-filters #location{
background-position-x: 98.5%;
background-position-y: center;
background-size: 22.5px;
}
@media (min-width: 0px) {
div#thinking-filters #location {
background-position-x: 96.5%;
background-position-y: center;
background-size: 22.5px;
}
}
@media (min-width: 1024px) {
div#thinking-filters #location{
background-position-x: 97.7%;
background-position-y: center;
background-size: 22.5px;
}}
div#thinking-filters > select#area {
display: inline-block;
height: 53px;
margin-right: 0.1%;
}
@media (min-width: 0px) {
div#thinking-filters > select#area {
width: 100%;
margin-bottom: 1rem;
}
}
@media (min-width: 769px) {
div#thinking-filters > select#area {
width: 24.5%;
margin-bottom: 0rem;
}
}
@media (min-width: 1024px) {
div#thinking-filters > select#area {
width: 24.5%;
margin-bottom: 0rem;
}
}
div#thinking-filters > select#location {
display: inline-block;
margin: 0 0 0 1.8%;
}
@media (min-width: 0px) {
div#thinking-filters > select#location {
width: 100%;
margin-bottom: 1rem;
}
}
@media (min-width: 769px) {
div#thinking-filters > select#location {
width: 49%;
margin-bottom: 0rem;
}
}
@media (min-width: 1024px) {
div#thinking-filters > select#location {
width: 49%;
margin-bottom: 0rem;
}
}
div#thinking-filters > select#type {
display: inline-block;
height: 53px;
}
@media (min-width: 0px) {
div#thinking-filters > select#type {
width: 100%;
}
}
@media (min-width: 769px) {
div#thinking-filters > select#type {
width: 24.5%;
}
}
@media (min-width: 1024px) {
div#thinking-filters > select#type {
width: 24.5%;
}
}
div#thinking-controls {
width: 100%;
height: 4rem;
margin-top: 2rem;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding: 0.6rem 1rem 1rem 1rem;
}
div#thinking-controls img#thinking-list {
height: 100%;
margin-right: 2rem;
}
div#thinking-controls img#thinking-switch {
height: 100%;
margin-right: 1rem;
display: none;
}
div#thinking-controls img#thinking-shortlist {
height: 100%;
margin-right: 1rem;
}
div#thinking-tags {
width: 100%;
margin-bottom: 2rem;
border-bottom: 2px solid #BECDDC;
text-align: right;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div.thinking-tag {
display: inline-block;
font-size: 1.4rem;
color: #ffffff;
border-radius: 2px;
padding: 0.5rem 1rem 0.5rem 1rem;
background-color: rgb(176, 212, 224);
margin-top: 1rem;
margin-left: 1rem;
cursor: pointer;
cursor: hand;
}
div.thinking-tag > img {
height: 1rem;
padding-left: 1rem;
}
div#thinking-results {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div.thinking-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.thinking-item {
position: relative;
}
.thinking-item.thinking-preview {
position: relative;
display: inline-block;
flex-wrap: wrap;
width: calc(33% - 15px);
}
.thinking-preview .thinking-preview__category {
margin-top: 10px;
width: 100%;
}
.thinking-preview .thinking-preview__date {
/* position: absolute; */
}
.thinking-preview .thinking-preview__img {
width: 100%;
height: 184px;
min-height: 85px;
object-fit: contain;
font-family: 'object-fit: cover;';
float: none;
position: relative;
right: 0;
top: 0;
}
.thinking-preview .thinking-preview__text {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 95%;
max-width: 300px;
}
.thinking-list .thinking-preview .thinking-preview__text {
max-width: 100%;
}
.thinking-preview .thinking-preview__text h3 {
font-size: 1.7rem;
}
.thinking-preview .thinking-preview__text span {
color: #95ABC0;
font-size: 1.5rem;
margin-top: 5px;
}
@media (min-width: 0px) {
.thinking-item.thinking-preview {
width: 100%;
}
}
@media (min-width: 769px) {
.thinking-item.thinking-preview {
width: calc(33% - 15px);
}
}
@media (min-width: 1024px) {
.thinking-item.thinking-preview {
width: calc(33% - 15px);
}
}
.related-content-list .thinking-item.thinking-preview {
width: 100%;
margin-bottom: 10px;
}
.related-content-list .thinking-item.thinking-preview .thinking-preview__category {
padding: 1rem 0!important;
padding-bottom: 1rem;
}
div.thinking-item {
display: table-cell;
position: relative;
width: 25%;
padding-bottom: 2em;
cursor: pointer;
cursor: hand;
}
@media (min-width: 0px) {
div.thinking-item {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div.thinking-item {
display: table-cell;
width: 25%;
}
}
@media (min-width: 1024px) {
div.thinking-item {
display: table-cell;
width: 25%;
}
}
div.thinking-item:hover {
text-decoration: none;
}
div.thinking-item > img {
position: absolute;
top: 207px;
right: 10px;
height: 1.5rem;
}
div.thinking-item > h4 {
width: 95%;
padding-top: 0.5em;
margin-bottom: 1em;
border-top: 2px solid #BECDDC;
}
@media (min-width: 0px) {
div.thinking-item > h4 {
width: 100%;
}
}
@media (min-width: 769px) {
div.thinking-item > h4 {
width: 95%;
}
}
@media (min-width: 1024px) {
div.thinking-item > h4 {
width: 95%;
}
}
div.thinking-item > h4.last-item {
width: 100%;
}
div.thinking-item-right-column > h4 {
width: 100%;
}
div.thinking-item > h3 {
width: 90%;
margin-bottom: 0.5em;
}
div.thinking-item > h3:hover {
text-decoration: underline;
color: #0089BC;
}
div.thinking-item > span {
width: 90%;
font-size: 1.6rem;
font-weight: normal;
color: #3C3C3B;
}
div#thinking-results-pages {
text-align: center;
margin-top: 5rem;
font-weight: 500;
}
div#thinking-results-pages > a {
font-weight: 500;
color: #222850;
text-decoration: none;
margin-left: 1rem;
margin-right: 1rem;
cursor: pointer;
cursor: hand;
}
div#thinking-results-pages > a:hover {
color: #222850;
text-decoration: underline;
}
div#thinking-results-pages > a.selected {
font-weight: 700;
}
div#thinking-results-pages > a#thinking-results-previous {
font-weight: 700;
white-space: nowrap;
}
@media (min-width: 0px) {
div#thinking-results-pages > a#thinking-results-previous {
margin-right: 1rem;
}
}
@media (min-width: 769px) {
div#thinking-results-pages > a#thinking-results-previous {
margin-right: 5rem;
}
}
@media (min-width: 1024px) {
div#thinking-results-pages > a#thinking-results-previous {
margin-right: 5rem;
}
}
div#thinking-results-pages > a#thinking-results-previous:before {
font-weight: 700;
content: '« ';
white-space: nowrap;
}
div#thinking-results-pages > a#thinking-results-next {
font-weight: 700;
white-space: nowrap;
}
@media (min-width: 0px) {
div#thinking-results-pages > a#thinking-results-next {
margin-left: 1rem;
}
}
@media (min-width: 769px) {
div#thinking-results-pages > a#thinking-results-next {
margin-left: 5rem;
}
}
@media (min-width: 1024px) {
div#thinking-results-pages > a#thinking-results-next {
margin-left: 5rem;
}
}
div#thinking-results-pages > a#thinking-results-next:after {
font-weight: 700;
content: ' »';
white-space: nowrap;
}
input#thinking-results-page {
width: 3rem;
text-align: center;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
/* Profile */
.profile .button {
margin-top: 20px;
}
/* Thinking Detail */
div#thinking-detail {
float: left;
width: 100%;
padding: 5%;
background-color: #ffffff;
}
div#thinking-detail-container {
display: table;
width: 100%;
height: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#thinking-detail-container {
display: block;
}
}
@media (min-width: 769px) {
div#thinking-detail-container {
display: table;
}
}
@media (min-width: 1024px) {
div#thinking-detail-container {
display: table;
}
}
div#thinking-detail-left {
display: table-cell;
width: 33.33%;
height: 100%;
}
@media (min-width: 0px) {
div#thinking-detail-left {
display: block;
width: 100%;
float: left;
margin-top: 5rem;
}
}
@media (min-width: 769px) {
div#thinking-detail-left {
display: table-cell;
width: 33.33%;
float: none;
margin-top: 0px;
}
}
@media (min-width: 1024px) {
div#thinking-detail-left {
display: table-cell;
width: 33.33%;
float: none;
margin-top: 0px;
}
}
div#thinking-detail-left h4 {
border-top: 2px solid #BECDDC;
padding-bottom: 2rem;
clear: both;
}
div#thinking-detail-image-container {
float: left;
width: 35%;
height: 20rem;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
@media (min-width: 0px) {
div#thinking-detail-image-container {
width: 100%;
height: 600px;
}
}
@media (min-width: 769px) {
div#thinking-detail-image-container {
width: 35%;
height: 20rem;
}
}
@media (min-width: 1024px) {
div#thinking-detail-image-container {
width: 35%;
height: 20rem;
}
}
div#thinking-detail-author-container {
float: left;
width: 60%;
padding-left: 5%;
}
@media (min-width: 0px) {
div#thinking-detail-author-container {
width: 100%;
height: auto;
padding-top: 2rem;
padding-left: 0%;
}
}
@media (min-width: 769px) {
div#thinking-detail-author-container {
width: 60%;
height: auto;
padding-top: 0px;
padding-left: 5%;
}
}
@media (min-width: 1024px) {
div#thinking-detail-author-container {
width: 60%;
height: auto;
padding-top: 0px;
padding-left: 5%;
}
}
div#thinking-detail-author-container a.thinking-detail-author {
display: block;
font-weight: 700;
color: #3C3C3B;
text-transform: uppercase;
}
div#thinking-detail-author-container a.thinking-detail-author:hover {
color: #0089BC;
text-decoration: underline;
}
div#thinking-detail-author-container a.thinking-detail-location {
display: block;
color: #3C3C3B;
}
div#thinking-detail-author-container a.thinking-detail-location:hover {
color: #0089BC;
text-decoration: underline;
}
div#thinking-detail-author-container a.thinking-detail-email {
display: block;
color: #3C3C3B;
}
div#thinking-detail-author-container a.thinking-detail-email:hover {
color: #0089BC;
text-decoration: underline;
}
div#thinking-detail-author-container a.thinking-detail-telephone {
display: block;
color: #3C3C3B;
}
div#thinking-detail-author-container a.thinking-detail-telephone:hover {
color: #0089BC;
text-decoration: underline;
}
div#thinking-detail-author-container a.thinking-detail-website {
display: block;
color: #3C3C3B;
}
div#thinking-detail-author-container a.thinking-detail-website:hover {
color: #0089BC;
text-decoration: underline;
}
div#thinking-detail-left a {
text-decoration: none;
}
div#thinking-detail-left a:hover {
text-decoration: none;
}
div#thinking-detail-left h3 {
float: left;
clear: both;
}
div#thinking-detail-left h3:hover {
text-decoration: underline;
color: #0089BC;
}
div#thinking-detail-left h3.related-content {
margin-top: 4rem;
margin-bottom: 2rem;
}
div#thinking-detail-left h3.related-content:hover {
text-decoration: none;
color: #3C3C3B;
}
div#thinking-detail-left p {
float: left;
clear: both;
margin-top: 0.5rem;
margin-bottom: 2rem;
}
div#thinking-detail-dialog-container{
position: fixed;
background: rgba(255,255,255, 0.85);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 7;
opacity: 0;
pointer-events: none;
transition: all .3s;
}
div#thinking-detail-dialog{
background: white;
width: 780px;
max-height: calc(100vh - 240px);
max-width: 100%;
min-width: 350px;
display: block;
position: relative;
transform: translateX(-50%) translateY(-40%);
top: 50%;
left: 50%;
box-shadow: 0 5px 20px -8px #6c7781;
padding: 2em;
color: #3C3C3B;
overflow: auto;
transition: all .3s;
}
div#thinking-detail-dialog .close{
position: absolute;
top: 2rem;
right: 2rem;
width: 44px;
height: 44px;
line-height: 0;
background: transparent;
border: none;
color: rgba(25,25,25, 0.5);
font-size: 2em;
}
div#thinking-detail-dialog .close:hover{
background: rgba(25,25,25, 0.1);
color: #0089BC;
}
div#thinking-detail-dialog h2{
margin-bottom: 1em;
}
div#thinking-detail-dialog p{
margin-bottom: 1.5em;
}
div#thinking-detail-dialog-container.visible{
opacity: 1;
pointer-events: auto;
}
div#thinking-detail-dialog-container.visible div#thinking-detail-dialog{
transform: translateX(-50%) translateY(-50%);
}
div#thinking-detail-dialog .mailchimp-embed .asterisk{
color: #0089BC;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group{
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1em;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group label{
width: 20%;
min-width: 180px;
text-align: end;
display: inline-block;
padding-right: 1em;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group input{
flex: 1;
margin-right: 1em;
border: 2px solid transparent;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group .mce_inline_error:not(input){
width: 100%;
display: block;
text-align: end;
color: #0089BC;
padding-right: 1em;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group input.required.mce_inline_error{
border: 2px solid #0089BC;
}
div#thinking-detail-dialog .mailchimp-embed input[type=submit]{
-webkit-appearance: none;
-moz-appearance: none;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.6rem;
background-color: #FCBE00;
color: #000;
padding: 1rem;
border: none;
border-radius: 2px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
white-space: nowrap;
transition: all 0.5s ease 0s;
display: block;
margin: 2em 1em 1em auto;
}
div#thinking-detail-dialog .mce-responses{
display: none;
}
@media screen and (max-width: 780px){
div#thinking-detail-dialog{
transform: translateX(-50%) translateY(90px);
max-height: calc(100vh - 180px);
top: 0;
width: calc(100% - 80px);
min-width: 0;
}
div#thinking-detail-dialog .indicates-required{
text-align: end;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group {
flex-direction: column;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group label{
width: 100%;
flex: 1;
text-align: start;
padding-right: 0;
box-sizing: border-box;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group input{
width: 100%;
flex: 1;
text-align: start;
margin-right: 0;
box-sizing: border-box;
}
div#thinking-detail-dialog .mailchimp-embed .mc-field-group .mce_inline_error:not(input){
padding-right: 0;
}
div#thinking-detail-dialog .mailchimp-embed input[type=submit]{
margin-right: 0;
margin-bottom: 0;
}
}
div#thinking-related-content {
width: 100%;
}
div#thinking-related-content-more {
display: block;
clear: both;
width: 95%;
padding: 1rem;
background-color: #FCBE00;
color: #000;
text-align: center;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
}
div#thinking-detail-right {
display: table-cell;
width: 66.66%;
height: 100%;
padding-left: 5rem;
}
@media (min-width: 0px) {
div#thinking-detail-right {
display: block;
width: 100%;
float: left;
padding-left: 0px;
margin-top: 2rem;
}
}
@media (min-width: 769px) {
div#thinking-detail-right {
display: table-cell;
width: 66.66%;
float: none;
padding-left: 5rem;
margin-top: 0px;
}
}
@media (min-width: 1024px) {
div#thinking-detail-right {
display: table-cell;
width: 66.66%;
float: none;
padding-left: 5rem;
margin-top: 0px;
}
}
div#thinking-detail-right table {
float: none;
border: none;
border-collapse: collapse;
}
div#thinking-detail-right td {
border: 2px solid #BECDDC;
padding-left: 1.6rem;
padding-right: 1.6rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
div#thinking-detail-right a {
font-size: inherit;
}
div#thinking-detail-taxand-take {
border-top: 2px solid #BECDDC;
margin-top: 4rem;
padding-top: 2rem;
}
div#thinking-detail-taxand-take > img {
height: 2rem;
}
div#thinking-detail-taxand-take > h3 {
display: inline-block;
margin-left: 1rem;
}
div#thinking-detail-response {
border-top: 2px solid #BECDDC;
margin-top: 4rem;
padding-top: 2rem;
}
div#thinking-detail-response > img {
height: 2rem;
}
div#thinking-detail-response > h3 {
display: inline-block;
margin-left: 1rem;
}
div#thinking-detail-tags {
border-top: 2px solid #BECDDC;
margin-top: 4rem;
padding-top: 2rem;
}
div#thinking-detail-tags > img {
height: 2rem;
}
div#thinking-detail-tags > h3 {
display: inline-block;
margin-left: 1rem;
}
div#thinking-detail-tags > p > a {
text-decoration: none;
color: #3C3C3B;
}
div#thinking-detail-tags > p > a:hover {
text-decoration: underline;
color: #0089BC;
}
/* Thinking Form */
div#thinking-form {
float: left;
width: 90%;
background-color: #f6f6f6;
padding-left: 5%;
padding-right: 5%;
}
div#thinking-form-outer {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#thinking-form-inner {
padding-left: 38%;
padding-bottom: 5rem;
}
@media (min-width: 0px) {
div#thinking-form-inner {
padding-left: 0%;
}
}
@media (min-width: 769px) {
div#thinking-form-inner {
padding-left: 38%;
}
}
@media (min-width: 1024px) {
div#thinking-form-inner {
padding-left: 38%;
}
}
div#thinking-form-intro-text {
margin-top: 2rem;
font-size: 2.0rem;
font-weight: 500;
line-height: 2.1rem;
}
div#thinking-form-outro-text {
font-size: 1.6rem;
font-weight: 400;
color: #999999;
margin-bottom: 2rem;
}
div#thinking-form-inner > div#respond > h3#reply-title {
display: none;
}
div#thinking-form-inner > div#respond p.logged-in-as {
display: none;
}
div#thinking-form-inner > div#respond p.comment-form-comment > label {
display: none;
}
div#thinking-form-inner > div#respond textarea#comment {
font-size: 1.6rem;
font-weight: 400;
width: 98%;
height: 15rem;
margin: 0px;
border: none;
border-radius: 2px;
margin-bottom: 1rem;
padding: 1%;
}
div#thinking-form-inner > div#respond textarea#comment::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #dddddd;
}
div#thinking-form-inner > div#respond textarea#comment::-moz-placeholder {
/* Firefox 19+ */
color: #dddddd;
}
div#thinking-form-inner > div#respond textarea#comment:-ms-input-placeholder {
/* IE 10+ */
color: #dddddd;
}
div#thinking-form > div#respond textarea#comment:-moz-placeholder {
/* Firefox 18- */
color: #dddddd;
}
div#thinking-form-inner > div#respond p.form-submit > input#submit {
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.6rem;
background-color: #0089BC;
color: #ffffff;
padding: 1rem;
border: none;
border-radius: 2px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
width: 100%;
transition: all 0.5s ease 0s;
}
div#thinking-form-inner > div#respond p.form-submit > input#submit:hover {
background-color: #9C2E37;
}
/* Events */
div#event-title {
float: left;
width: 90%;
height: 520px;
padding: 5%;
background-color: #f6f6f6;
}
@media (min-width: 0px) {
div#event-title {
height: 100%;
padding: 5%;
padding-bottom: 20%;
}
}
@media (min-width: 769px) {
div#event-title {
height: 520px;
padding: 5%;
}
}
@media (min-width: 1024px) {
div#event-title {
height: 520px;
padding: 5%;
}
}
@media (min-width: 0px) {
div#training-events div#event-title {
margin-top: 320px;
}
}
@media (min-width: 769px) {
div#training-events div#event-title {
margin-top: 160px;
}
}
@media (min-width: 1024px) {
div#training-events div#event-title {
margin-top: 160px;
}
}
div#event-title-container {
position: relative;
display: table;
width: 100%;
height: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#event-title-container {
display: block;
position: relative;
}
}
@media (min-width: 769px) {
div#event-title-container {
display: table;
position: relative;
}
}
@media (min-width: 1024px) {
div#event-title-container {
display: table;
position: relative;
}
}
div#event-title-left {
display: table-cell;
width: 33.33%;
height: 100%;
padding-right: 2rem;
vertical-align: top;
}
@media (min-width: 0px) {
div#event-title-left {
display: block;
width: 100%;
height: auto;
}
}
@media (min-width: 769px) {
div#event-title-left {
display: table-cell;
width: 33.33%;
height: 100%;
}
}
@media (min-width: 1024px) {
div#event-title-left {
display: table-cell;
width: 33.33%;
height: 100%;
}
}
div#event-title-left > a:hover {
text-decoration: none;
}
div#event-title-left > a > h4 {
border-top: 2px solid #BECDDC;
padding-top: 0.5rem;
margin-bottom: 5rem;
}
div#event-title-left > a > h2 {
font-size: 3.6rem;
font-weight: 700;
line-height: 3.6rem;
color: #3C3C3B;
margin-bottom: 1rem;
}
div#event-title-left > a > h2:hover {
color: #0089BC;
text-decoration: underline;
}
div#event-title-left > a > span {
display: block;
}
div#event-title-left > a > span:not(:last-of-type){
margin-bottom: 1rem;
}
@media (min-width: 0px) {
p.short-description-desktop {
display: none;
}
}
@media (min-width: 769px) {
p.short-description-desktop {
display: block;
}
}
@media (min-width: 1024px) {
p.short-description-desktop {
display: block;
}
}
@media (min-width: 0px) {
p.short-description-mobile {
display: block;
margin-top: 1rem;
}
}
@media (min-width: 769px) {
p.short-description-mobile {
display: none;
}
}
@media (min-width: 1024px) {
p.short-description-mobile {
display: none;
}
}
div#event-title-left > a > a {
margin-top: 1rem;
display: block;
}
div#event-title-left > a > a:after {
content: ' »';
}
div#event-title-left > span.addtocalendar {
display: block;
margin-top: 1rem;
}
div.events {
position: absolute;
left: 0px;
bottom: 0px;
}
@media (min-width: 0px) {
div.events {
bottom: -50px;
}
}
@media (min-width: 769px) {
div.events {
bottom: 0px;
}
}
@media (min-width: 1024px) {
div.events {
bottom: 0px;
}
}
div.event {
float: left;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 10px;
margin: 0px;
margin-right: 10px;
background-color: #BECDDC;
cursor: pointer;
cursor: hand;
}
div.event-selected {
float: left;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 10px;
margin: 0px;
margin-right: 10px;
background-color: #8899bb;
}
.atcb-link{
font-weight: 600;
vertical-align: middle;
}
a.atcb-link:after {
content: '';
background: url(https://www.taxand.com/wp-content/themes/taxand/assets/images/icons/Add_Icon.svg) no-repeat center center;
display: inline-block;
position: relative;
vertical-align: middle;
line-height: 24px;
position: absolute;
top: 0;
height: 22px;
margin-left: 4px;
width: 1em;
}
ul.atcb-list {
padding: 5px;
}
div.event-title-right {
display: table-cell;
width: 66.66%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (min-width: 0px) {
div.event-title-right {
display: block;
width: 100%;
height: 25rem;
margin-top: 2rem;
}
}
@media (min-width: 769px) {
div.event-title-right {
display: table-cell;
width: 66.66%;
height: 100%;
margin-top: 0px;
}
}
@media (min-width: 1024px) {
div.event-title-right {
display: table-cell;
width: 66.66%;
height: 100%;
margin-top: 0px;
}
}
div.events-grid {
float: left;
width: 100%;
padding: 3% 5%;
}
div.events-grid--inner > h3 {
display: inline-block;
font-weight: bold;
text-decoration: underline;
}
div.events-grid--inner {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div.events-grid--filters {
display: block;
float: right;
width: 25%;
}
@media (min-width: 0px) {
div.events-grid--filters {
float: left;
width: 100%;
margin-top: 2rem;
}
}
@media (min-width: 769px) {
div.events-grid--filters {
float: right;
width: 50%;
margin-top: 0px;
}
}
@media (min-width: 1024px) {
div.events-grid--filters {
float: right;
width: 25%;
margin-top: 0px;
}
}
div.events-grid--filters > select {
width: 100%;
}
div.events-grid--tags {
float: left;
width: 100%;
padding-bottom: 2rem;
margin-bottom: 2rem;
text-align: right;
}
div.events-grid--tag {
display: inline-block;
font-size: 1.4rem;
color: #ffffff;
border-radius: 2px;
padding: 0.5rem 1rem 0.5rem 1rem;
background-color: rgb(176, 212, 224);
margin-top: 1rem;
margin-left: 1rem;
cursor: pointer;
cursor: hand;
}
div.events-grid--tag > img {
height: 1rem;
padding-left: 1rem;
}
div#events-grid--results {
width: 100%;
}
div.events-grid--results-row {
display: table;
width: 100%;
}
@media (min-width: 0px) {
div.events-grid--results-row {
display: block;
}
}
@media (min-width: 769px) {
div.events-grid--results-row {
display: table;
}
}
@media (min-width: 1024px) {
div.events-grid--results-row {
display: table;
}
}
div.events-grid--results-column {
display: table-cell;
width: 25%;
vertical-align: top;
cursor: pointer;
cursor: hand;
padding-bottom: 5rem;
}
@media (min-width: 0px) {
div.events-grid--results-column {
display: block;
width: 100%;
padding-bottom: 0px;
}
}
@media (min-width: 769px) {
div.events-grid--results-column {
display: table-cell;
width: 25%;
padding-bottom: 5rem;
}
}
@media (min-width: 1024px) {
div.events-grid--results-column {
display: table-cell;
width: 25%;
padding-bottom: 5rem;
}
}
.events-grid--img {
width: 95%;
height: 250px;
}
div.events-grid--results-column > h4 {
width: 95%;
border-top: 2px solid #BECDDC;
padding-top: 0.5rem;
padding-bottom: 2rem;
}
@media (min-width: 0px) {
div.events-grid--results-column > h4 {
width: 100%;
margin-top: 5rem;
}
}
@media (min-width: 769px) {
div.events-grid--results-column > h4 {
width: 95%;
margin-top: 0px;
}
}
@media (min-width: 1024px) {
div.events-grid--results-column > h4 {
width: 95%;
margin-top: 0px;
}
}
div.events-grid--results-column h3 {
width: 95%;
}
div.events-grid--results-column > h3:hover {
color: #0089BC;
text-decoration: underline;
}
div.events-grid--results-column > p {
margin-bottom: 5rem;
}
div.events-grid--results-pages {
text-align: center;
margin-top: 5rem;
font-weight: 500;
}
div.events-grid--results-pages > a {
font-weight: 500;
color: #222850;
text-decoration: none;
margin-left: 1rem;
margin-right: 1rem;
cursor: pointer;
cursor: hand;
}
div.events-grid--results-pages > a:hover {
color: #222850;
text-decoration: underline;
}
div.events-grid--results-pages > a.selected {
font-weight: 700;
}
div.events-grid--results-pages > a.events-grid--results-previous {
font-weight: 700;
white-space: nowrap;
}
@media (min-width: 0px) {
div.events-grid--results-pages > a.events-grid--results-previous {
margin-right: 1rem;
}
}
@media (min-width: 769px) {
div.events-grid--results-pages > a.events-grid--results-previous {
margin-right: 5rem;
}
}
@media (min-width: 1024px) {
div.events-grid--results-pages > a.events-grid--results-previous {
margin-right: 5rem;
}
}
div.events-grid--results-pages > a.events-grid--results-previous:before {
font-weight: 700;
content: '« ';
white-space: nowrap;
}
div.events-grid--results-pages > a.events-grid--results-next {
font-weight: 700;
white-space: nowrap;
}
@media (min-width: 0px) {
div.events-grid--results-pages > a.events-grid--results-next {
margin-left: 1rem;
}
}
@media (min-width: 769px) {
div.events-grid--results-pages > a.events-grid--results-next {
margin-left: 5rem;
}
}
@media (min-width: 1024px) {
div.events-grid--results-pages > a.events-grid--results-next {
margin-left: 5rem;
}
}
div.events-grid--results-pages > a.events-grid--results-next:after {
font-weight: 700;
content: ' »';
white-space: nowrap;
}
input.events-grid--results-page {
width: 3rem;
text-align: center;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
/* Event Detail */
div#event-overview {
float: left;
width: 90%;
height: auto;
background-color: #ffffff;
padding: 5%;
}
div#event-overview-container {
display: table;
width: 100%;
height: 100%;
}
@media (min-width: 0px) {
div#event-overview-container {
display: block;
}
}
@media (min-width: 769px) {
div#event-overview-container {
display: table;
}
}
@media (min-width: 1024px) {
div#event-overview-container {
display: table;
}
}
div#event-overview-container h1 {
font-size: 2rem;
font-weight: 700;
line-height: 21px;
color: #3C3C3B;
margin: 0px;
margin-bottom: 2rem;
padding: 0px;
}
div#event-overview-container h2 {
font-size: 2rem;
font-weight: 700;
line-height: 21px;
color: #3C3C3B;
margin: 0px;
margin-bottom: 2rem;
padding: 0px;
}
div#event-overview-container h3 {
font-size: 2rem;
font-weight: 700;
line-height: 21px;
color: #3C3C3B;
margin: 0px;
margin-bottom: 2rem;
padding: 0px;
}
div#event-overview-container h4 {
font-size: 2rem;
font-weight: 700;
line-height: 21px;
color: #3C3C3B;
margin: 0px;
margin-bottom: 2rem;
padding: 0px;
}
div#event-overview-container h5 {
font-size: 2rem;
font-weight: 700;
line-height: 21px;
color: #3C3C3B;
margin: 0px;
margin-bottom: 2rem;
padding: 0px;
}
div#event-overview-container h6 {
font-size: 2rem;
font-weight: 700;
line-height: 21px;
color: #3C3C3B;
margin: 0px;
margin-bottom: 2rem;
padding: 0px;
}
div#event-overview-right h1 {
margin-bottom: 1rem;
}
div#event-overview-right h2 {
margin-bottom: 1rem;
}
div#event-overview-right h3 {
margin-bottom: 1rem;
}
div#event-overview-right h4 {
margin-bottom: 1rem;
}
div#event-overview-right h5 {
margin-bottom: 1rem;
}
div#event-overview-right h6 {
margin-bottom: 1rem;
}
div#event-overview-right p {
margin: 0px;
margin-bottom: 1rem;
padding: 0px;
}
div#event-overview-right li {
color: #3C3C3B;
}
div#event-overview-left p a:after {
content: ' »';
}
div#event-overview-left {
display: table-cell;
width: 33.33%;
height: 100%;
padding-right: 5%;
}
@media (min-width: 0px) {
div#event-overview-left {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#event-overview-left {
display: table-cell;
width: 33.33%;
}
}
@media (min-width: 1024px) {
div#event-overview-left {
display: table-cell;
width: 33.33%;
}
}
div#event-overview-right {
display: table-cell;
width: 66.66%;
height: 100%;
}
@media (min-width: 0px) {
div#event-overview-right {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#event-overview-right {
display: table-cell;
width: 66.66%;
}
}
@media (min-width: 1024px) {
div#event-overview-right {
display: table-cell;
width: 66.66%;
}
}
div#event-overview-register {
border-top: 2px solid #BECDDC;
padding-top: 1rem;
}
div#event-overview-register > div {
margin-bottom: 5rem;
}
div#event-overview-register > h3 {
display: inline-block;
margin-bottom: 2rem;
}
div#event-overview-register > img#event-overview-register-toggle {
float: right;
width: 3rem;
}
div#event-overview-register input[type='button'] {
-webkit-appearence: none;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.5rem;
width: 100%;
background-color: #FCBE00;
color: #000000;
padding: 1.6rem;
border: none;
border-radius: 0px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
}
div#event-overview-register .nf-response-msg {
display: block;
}
div#event-overview-register .nf-response-msg > p {
width: 100%;
padding: 1rem;
background-color: #BECDDC;
border-radius: 2px;
margin: 0px;
margin-bottom: 2rem;
color: #ffffff;
}
div#event-overview-register .nf-error-msg {
color: #0089BC;
}
div#event-overview-register .nf-error .ninja-forms-field {
border: 2px solid #0089BC;
}
div#event-overview-nominate {
border-top: 2px solid #BECDDC;
padding-top: 1rem;
padding-bottom: 2rem;
}
div#event-overview-nominate > h3 {
display: inline-block;
margin-bottom: 2rem;
}
div#event-overview-nominate > img#event-overview-nominate-toggle {
float: right;
width: 3rem;
}
div#event-overview-nominate input[type='button'] {
-webkit-appearence: none;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.5rem;
width: 100%;
background-color: #FCBE00;
color: #000;
padding: 1.6rem;
border: none;
border-radius: 0px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
}
div#event-overview-nominate .nf-response-msg {
display: block;
}
div#event-overview-nominate .nf-response-msg > p {
width: 100%;
padding: 1rem;
background-color: #BECDDC;
border-radius: 2px;
margin: 0px;
margin-bottom: 2rem;
color: #ffffff;
}
div#event-overview-nominate .nf-error-msg {
color: #0089BC;
}
div#event-overview-nominate .nf-error .ninja-forms-field {
border: 2px solid #0089BC;
}
div#event-media {
float: left;
background-color: #f6f6f6;
width: 90%;
padding: 5%;
}
div#event-video-results {
position: relative;
width: 100%;
margin-bottom: 5%;
}
img#video-left-arrow {
height: 2rem;
position: absolute;
top: 5%;
right: 5%;
}
@media (min-width: 0px) {
img#video-left-arrow {
display: block;
right: 15%;
}
}
@media (min-width: 769px) {
img#video-left-arrow {
display: block;
right: 10%;
}
}
@media (min-width: 1024px) {
img#video-left-arrow {
display: block;
right: 5%;
}
}
img#video-right-arrow {
height: 2rem;
position: absolute;
top: 5%;
right: 0%;
}
@media (min-width: 0px) {
img#video-right-arrow {
display: block;
}
}
@media (min-width: 769px) {
img#video-right-arrow {
display: block;
}
}
@media (min-width: 1024px) {
img#video-right-arrow {
display: block;
}
}
div#event-video-results > h3 {
margin-bottom: 5rem;
}
div#event-video-wrapper {
width: 100%;
white-space: nowrap;
}
@media (min-width: 0px) {
div#event-video-wrapper {
height: 56.25vw;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
}
}
@media (min-width: 769px) {
div#event-video-wrapper {
height: 15.1875vw;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
}
}
@media (min-width: 1024px) {
div#event-video-wrapper {
height: 15.1875vw;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
}
}
div#event-video-results > div#event-video-wrapper > div#event-video-scroller {
width: 100%;
}
@media (min-width: 0px) {
div#event-video-results > div#event-video-wrapper > div#event-video-scroller {
position: absolute;
top: 0px;
left: 0px;
height: 56.25vw;
}
}
@media (min-width: 769px) {
div#event-video-results > div#event-video-wrapper > div#event-video-scroller {
position: absolute;
top: 0px;
left: 0px;
height: 15.1875vw;
}
}
@media (min-width: 1024px) {
div#event-video-results > div#event-video-wrapper > div#event-video-scroller {
position: absolute;
top: 0px;
left: 0px;
height: 15.1875vw;
}
}
@media (min-width: 0px) {
div#event-video-results > div#event-video-wrapper > div#event-video-scroller > div {
width: 100%;
display: inline-block;
height: 50.625vw;
margin-right: 0px;
}
}
@media (min-width: 769px) {
div#event-video-results > div#event-video-wrapper > div#event-video-scroller > div {
width: 26.66vw;
display: inline-block;
height: 14.625vw;
margin-right: 5vw;
}
}
@media (min-width: 1024px) {
div#event-video-results > div#event-video-wrapper > div#event-video-scroller > div {
width: 26.66vw;
display: inline-block;
height: 14.625vw;
margin-right: 5vw;
}
}
div#event-video-results > div#event-video-wrapper > div#event-video-scroller > div > iframe {
width: 100%;
height: 100%;
}
div#event-video-results > div#event-video-wrapper > div#event-video-scroller > div.event-video-last-column {
margin-right: 0px;
}
div#event-gallery-results {
position: relative;
width: 100%;
border-top: 2px solid #BECDDC;
padding-top: 2rem;
margin-bottom: 5%;
}
img#gallery-left-arrow {
height: 2rem;
position: absolute;
top: 2rem;
right: 5%;
}
@media (min-width: 0px) {
img#gallery-left-arrow {
right: 15%;
}
}
@media (min-width: 769px) {
img#gallery-left-arrow {
right: 10%;
}
}
@media (min-width: 1024px) {
img#gallery-left-arrow {
right: 5%;
}
}
img#gallery-right-arrow {
height: 2rem;
position: absolute;
top: 2rem;
right: 0%;
}
div#event-gallery-results > h3 {
margin-bottom: 5rem;
}
div#event-gallery-wrapper {
width: 100%;
height: 15.1875vw;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
@media (min-width: 0px) {
div#event-gallery-wrapper {
height: 56.25vw;
}
}
@media (min-width: 769px) {
div#event-gallery-wrapper {
height: 15.1875vw;
}
}
@media (min-width: 1024px) {
div#event-gallery-wrapper {
height: 15.1875vw;
}
}
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller {
position: absolute;
top: 0px;
left: 0px;
width: auto;
height: 15.1875vw;
}
@media (min-width: 0px) {
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller {
height: 56.25vw;
}
}
@media (min-width: 769px) {
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller {
height: 15.1875vw;
}
}
@media (min-width: 1024px) {
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller {
height: 15.1875vw;
}
}
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller > div {
display: inline-block;
height: 15.1875vw;
margin-right: 5vw;
}
@media (min-width: 0px) {
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller > div {
width: 100vw;
height: 50.625vw;
}
}
@media (min-width: 769px) {
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller > div {
width: 26.66vw;
height: 14.625vw;
}
}
@media (min-width: 1024px) {
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller > div {
width: 26.66vw;
height: 14.625vw;
}
}
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller > div > a {
display: block;
width: 100%;
height: 100%;
}
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller > div > a > div {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
cursor: pointer;
cursor: hand
}
div#event-gallery-results > div#event-gallery-wrapper > div#event-gallery-scroller > div.event-gallery-last-column {
margin-right: 0px;
}
div#lightbox {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
div#lightbox-fadeout {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.8;
}
img#lightbox-close {
position: fixed;
top: 2rem;
right: 2rem;
width: 3%;
cursor: pointer;
cursor: hand;
}
/* Login */
div#my-taxand > div#introduction > div#introduction-content {
width: 50%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5rem;
}
@media (min-width: 0px) {
div#my-taxand > div#introduction > div#introduction-content {
width: 90%;
}
}
@media (min-width: 769px) {
div#my-taxand > div#introduction > div#introduction-content {
width: 50%;
}
}
@media (min-width: 1024px) {
div#my-taxand > div#introduction > div#introduction-content {
width: 50%;
}
}
div#introduction > div#introduction-content > p {
font-size: 2.2rem;
line-height: 2.5rem;
max-width: 900px;
}
div#my-taxand div#body-text {
width: 50%;
padding-left: 25%;
padding-right: 25%;
padding-top: 1rem;
}
@media (min-width: 0px) {
div#my-taxand div#body-text {
width: 90%;
padding-left: 5%;
padding-right: 5%;
}
}
@media (min-width: 769px) {
div#my-taxand div#body-text {
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
}
@media (min-width: 1024px) {
div#my-taxand div#body-text {
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
}
div#my-taxand div#body-text > h3 {
margin-bottom: 5rem;
}
div#my-taxand div#body-text p.login-username {
border: none;
}
div#my-taxand div#body-text p.login-username > label {
display: none;
}
div#my-taxand div#body-text p.login-username > input {
border-radius: 2px;
}
div#my-taxand div#body-text p.login-password {
padding-bottom: 0px;
margin-bottom: 1rem;
border: none;
}
div#my-taxand div#body-text p.login-password > input {
border-radius: 2px;
}
a#login-link {
color: #3C3C3B;
}
a#login-link:hover {
color: #0089BC;
}
div#my-taxand div#body-text p.login-password > label {
display: none;
}
div#my-taxand div#body-text p.login-remember {
display: none;
}
div#my-taxand div#body-text p.login-submit {
margin-top: 5rem;
}
div#my-taxand div#body-text p.login-submit > input {
width: 100%;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.6rem;
background-color: #0089BC;
color: #ffffff;
padding: 1rem;
border: none;
border-radius: 2px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
transition: all 0.5s ease 0s;
}
div#my-taxand div#body-text p.login-submit > input:hover {
background-color: #9C2E37;
}
/* Password Reset */
div#password-reset > div#introduction > div#introduction-content {
width: 50%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 0px) {
div#password-reset > div#introduction > div#introduction-content {
width: 90%;
}
}
@media (min-width: 769px) {
div#password-reset > div#introduction > div#introduction-content {
width: 50%;
}
}
@media (min-width: 1024px) {
div#password-reset > div#introduction > div#introduction-content {
width: 50%;
}
}
div#password-reset > div#body-text-outer > div#body-text {
width: 100%;
padding-left: 25%;
padding-right: 25%;
padding-top: 1rem;
}
div#password-reset > div#introduction, div#password-reset > ul.wpum-action-links:nth-child(7), div#password-reset > div.wpum-template:nth-child(6) {
display: none;
}
div#password-reset > div#body-text-outer > div#body-text > h3 {
visibility: hidden;
}
div#password-reset > div#body-text-outer > div#body-text > form {
margin-top: 10px;
}
@media (min-width: 0px) {
div#password-reset > div#body-text-outer > div#body-text {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
}
@media (min-width: 769px) {
div#password-reset > div#body-text-outer > div#body-text {
width: 100%;
padding-left: 15%;
padding-right: 15%;
}
}
@media (min-width: 1024px) {
div#password-reset > div#body-text-outer > div#body-text {
width: 100%;
padding-left: 15%;
padding-right: 15%;
}
}
div#password-reset > div#body-text-outer > div#body-text div.wpum-message {
border-radius: 2px;
border: none;
}
div#password-reset > div#body-text-outer > div#body-text div.success {
background-color: #BECDDC;
}
div#password-reset > div#body-text-outer > div#body-text div.error {
background-color: #0089BC;
}
div#password-reset > div#body-text-outer > div#body-text p.the-message {
color: #ffffff;
text-shadow: none;
}
div#password-reset > div#body-text-outer > div#body-text div#wpum-psw-footer {
display: inline-block;
vertical-align: middle;
margin-top: 1rem;
}
div#password-reset > div#body-text-outer > div#body-text div#wpum-psw-footer > label {
line-height: 3rem;
vertical-align: top;
}
div#password-reset > div#body-text-outer > div#body-text fieldset.fieldset-password {
border: none;
}
div#password-reset > div#body-text-outer > div#body-text fieldset.fieldset-password_2 {
border: none;
}
div#password-reset > div#body-text-outer > div#body-text > h3 {
margin-bottom: 5rem;
}
div#password-reset > div#body-text-outer > div#body-text p.wpum-lost-psw-message {
display: none;
}
div#password-reset > div#body-text-outer > div#body-text p.wpum-success {
display: block;
margin-bottom: 2rem;
}
div#password-reset > div#body-text-outer > div#body-text fieldset.fieldset-username_email {
border: none;
margin: 0px;
padding-bottom: 1rem;
}
div#password-reset > div#body-text-outer > div#body-text a#login-link {
display: block;
margin-bottom: 3rem;
}
div#password-reset > div#body-text-outer > div#body-text fieldset.fieldset-username_email > label {
display: none;
}
div#password-reset > div#body-text-outer > div#body-text div.required-field {
width: 100%;
}
div#password-reset > div#body-text-outer > div#body-text p.wpum-submit > input {
width: 100%;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.6rem;
background-color: #0089BC;
color: #ffffff;
padding: 1rem;
border: none;
border-radius: 2px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
transition: all 0.5s ease 0s;
}
div#password-reset > div#body-text-outer > div#body-text p.wpum-submit > input:hover {
background-color: #9C2E37;
}
div#password-reset > div#body-text-outer > div#body-text div.wpum-helper-links {
position: relative;
}
div#password-reset > div#body-text-outer > div#body-text div.wpum-helper-links > p {
color: #ffffff;
}
div#password-reset > div#body-text-outer > div#body-text div.wpum-helper-links > p > a {
position: absolute;
margin-top: 2rem;
left: 0px;
}
/* Request Account */
div#request-account > div#introduction {
width: 50%;
padding-left: 25%;
padding-right: 25%;
padding-top: 3rem;
}
@media (min-width: 0px) {
div#request-account > div#introduction {
width: 90%;
padding-left: 5%;
padding-right: 5%;
}
}
@media (min-width: 769px) {
div#request-account > div#introduction {
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
}
@media (min-width: 1024px) {
div#request-account > div#introduction {
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
}
div#request-account > div#introduction > div#introduction-content {
padding-bottom: 5rem;
}
div#request-account > div#body-text {
width: 50%;
padding-left: 25%;
padding-right: 25%;
padding-top: 1rem;
}
@media (min-width: 0px) {
div#request-account > div#body-text {
width: 90%;
padding-left: 5%;
padding-right: 5%;
}
}
@media (min-width: 769px) {
div#request-account > div#body-text {
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
}
@media (min-width: 1024px) {
div#request-account > div#body-text {
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
}
div#body-request-account {
float: left;
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
@media (min-width: 0px) {
div#body-request-account {
width: 90%;
padding-left: 5%;
padding-right: 5%;
}
}
@media (min-width: 769px) {
div#body-request-account {
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
}
@media (min-width: 1024px) {
div#body-request-account {
width: 50%;
padding-left: 25%;
padding-right: 25%;
}
}
span.error-message {
float: left;
font-size: 2rem;
font-weight: 700;
color: #0089BC;
padding-top: 3rem;
padding-bottom: 3rem;
}
div#body-request-account h3 {
margin-top: 1rem;
margin-bottom: 2rem;
clear: both;
}
div#body-request-account hr {
border: none;
padding-top: 5rem;
border-bottom: 2px solid #BECDDC;
clear: both;
}
div#body-request-account div.checkbox-list {
width: 100%;
}
div#body-request-account fieldset {
float: left;
width: 50%;
border: none;
margin: 0px;
margin-bottom: 1rem;
padding: 0px;
}
@media (min-width: 0px) {
div#body-request-account fieldset {
width: 100%;
}
}
@media (min-width: 769px) {
div#body-request-account fieldset {
width: 50%;
}
}
@media (min-width: 1024px) {
div#body-request-account fieldset {
width: 50%;
}
}
div#body-request-account input[type='checkbox'] {
float: left;
}
div#body-request-account input[type='text'] {
width: 95%;
padding-left: 2.5%;
padding-right: 2.5%;
margin-bottom: 2rem;
}
div#body-request-account select {
font-weight: 500;
width: 100%;
margin-bottom: 2rem;
background-image: url(//taxand.wpengine.com/wp-content/themes/taxand/assets/images/icons/Submenu_Down_Red.svg);
background-repeat: no-repeat;
background-position: top 1.2rem right 1.6rem;
background-size: 2.6rem, 2.6rem;
background-color: #dddddd;
}
div#body-request-account label {
float: left;
width: 80%;
font-weight: 700;
vertical-align: top;
margin-left: 1rem;
line-height: 2rem;
padding-top: 1rem;
}
div#body-request-account label.multiline {
padding-top: 0rem;
}
div#body-request-account p {
margin-bottom: 2rem;
}
div#body-request-account input[type='submit'] {
width: 100%;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.6rem;
background-color: #0089BC;
color: #ffffff;
padding: 1rem;
border: none;
border-radius: 2px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
margin-top: 5rem;
transition: all 0.5s ease 0s;
}
div#body-request-account input[type='submit']:hover {
background-color: #9C2E37;
}
div#body-request-account input.picture {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
div#body-request-account input.picture + label {
display: inline-block;
font-size: 1.25em;
font-weight: 700;
width: 96%;
color: #ffffff;
background-color: #dddddd;
margin: 0px;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
padding-left: 2%;
padding-right: 2%;
border-radius: 2px;
cursor: pointer;
cursor: hand;
}
div#body-request-account input.picture + label > span {
color: #3C3C3B;
}
div#body-request-account input.picture + label > span:hover {
color: #3C3C3B;
}
div#body-request-account input.picture:focus + label,
div#body-request-account input.picture + label:hover {
background-color: #BECDDC;
}
/* Dashboard */
div#dashboard-spotlight {
float: left;
width: 90%;
background-color: #ffffff;
padding-left: 5%;
padding-right: 5%;
padding-top: 5%;
padding-bottom: 5%;
margin: 0px;
}
div#dashboard-spotlight-inner {
display: table;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#dashboard-spotlight-inner > div.column {
display: table-cell;
width: 33.33%;
}
@media (min-width: 0px) {
div#dashboard-spotlight-inner > div.column {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div#dashboard-spotlight-inner > div.column {
display: block;
width: 100%;
}
}
@media (min-width: 1024px) {
div#dashboard-spotlight-inner > div.column {
display: table-cell;
width: 33.33%;
}
}
div#dashboard-spotlight-inner > div.column > h4 {
width: 95%;
border-top: 2px solid #BECDDC;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (min-width: 0px) {
div#dashboard-spotlight-inner > div.column > h4 {
width: 100%;
}
}
@media (min-width: 769px) {
div#dashboard-spotlight-inner > div.column > h4 {
width: 100%;
}
}
@media (min-width: 1024px) {
div#dashboard-spotlight-inner > div.column > h4 {
width: 95%;
}
}
div#dashboard-spotlight-inner > div.column > img {
width: 95%;
height: auto;
}
@media (min-width: 0px) {
div#dashboard-spotlight-inner > div.column > img {
width: 100%;
}
}
@media (min-width: 769px) {
div#dashboard-spotlight-inner > div.column > img {
width: 100%;
}
}
@media (min-width: 1024px) {
div#dashboard-spotlight-inner > div.column > img {
width: 95%;
}
}
div#dashboard-spotlight-inner > div.column > div.spotlight-title {
position: relative;
padding-top: 1rem;
}
@media (min-width: 0px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title {
margin-bottom: 2rem;
}
}
@media (min-width: 769px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title {
margin-bottom: 2rem;
}
}
@media (min-width: 1024px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title {
margin-bottom: 2rem;
}
}
div#dashboard-spotlight-inner > div.column > div.spotlight-title > h3 {
width: 85%;
}
@media (min-width: 0px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title > h3 {
width: 90%;
}
}
@media (min-width: 769px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title > h3 {
width: 90%;
}
}
@media (min-width: 1024px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title > h3 {
width: 85%;
}
}
div#dashboard-spotlight-inner > div.column > div.spotlight-title > img {
position: absolute;
top: 1rem;
right: 5%;
height: 2.2rem;
}
@media (min-width: 0px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title > img {
right: 0px;
}
}
@media (min-width: 769px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title > img {
right: 0px;
}
}
@media (min-width: 1024px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-title > img {
right: 5%;
}
}
div#dashboard-spotlight-inner > div.column > div.spotlight-title > p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
div#dashboard-spotlight-inner > div.column > div.spotlight-article {
display: none;
width: 95%;
margin-bottom: 5rem;
}
@media (min-width: 0px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-article {
width: 100%;
}
}
@media (min-width: 769px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-article {
width: 100%;
}
}
@media (min-width: 1024px) {
div#dashboard-spotlight-inner > div.column > div.spotlight-article {
width: 95%;
}
}
div#dashboard > div#news {
height: 540px;
}
div#dashboard > div#news > div#news-content {
margin-top: 0px;
height: 440px;
}
/* Quick fixes (based on dashboard) */
.quick-fixes #image-left-text {
max-height: 550px;
overflow: hidden;
}
@media (min-width: 1024px) {
.quick-fixes #image-left-text {
height: 480px;
overflow: hidden;
}
.quick-fixes #image-left-text-content {
max-height: 100%;
}
.quick-fixes #image-left-text-container {
display: flex;
align-content: center;
flex-wrap: wrap;
}
.quick-fixes #image-left-text-container h3 {
font-size: 2rem;
margin-bottom: 2rem;
}
.quick-fixes #image-left-text-container p {
font-size: 1.7rem;
}
}
div#dashboard.quick-fixes div#introduction {
margin-top: 40px;
}
div#dashboard.quick-fixes div#introduction-content {
line-height: 3rem;
}
div#dashboard.quick-fixes div#dashboard-spotlight {
padding-top: 40px;
}
/* Forum */
div#forum {
float: left;
width: 100%;
}
/* Text */
div#body-text-outer {
display: block;
float: left;
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
div#body-text {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#body-text > h5 {
display: inline-block;
width: 75%;
clear: both;
font-size: 2.2rem;
line-height: 2.66rem;
color: #4A8AAB;
border-bottom: 1px solid #4A8AAB;
margin: 0px;
padding-top: 1.0rem;
padding-bottom: 1.0rem;
}
/* Text with Numbers Right */
div#text-with-right-numbers {
float: left;
width: 90%;
background-color: #ffffff;
padding: 0%;
padding-left: 5%;
padding-right: 5%;
padding-top: 3%;
}
div.text-with-right-numbers-row {
display: block;
width: 100%;
padding-bottom: 3%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div.text-with-right-numbers-row-inner {
display: table;
border-bottom: 2px solid #BECDDC;
padding-bottom: 5rem;
}
@media (min-width: 0px) {
div.text-with-right-numbers-row-inner {
display: block;
width: 100%;
text-align: left;
}
}
@media (min-width: 769px) {
div.text-with-right-numbers-row-inner {
display: table;
width: 100%;
text-align: left;
}
}
@media (min-width: 1024px) {
div.text-with-right-numbers-row-inner {
display: table;
width: 100%;
text-align: left;
}
}
div.text-with-right-numbers-text {
display: table-cell;
width: 75%;
padding-right: 5%;
}
@media (min-width: 0px) {
div.text-with-right-numbers-text {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div.text-with-right-numbers-text {
display: table-cell;
width: 75%;
}
}
@media (min-width: 1024px) {
div.text-with-right-numbers-text {
display: table-cell;
width: 75%;
}
}
div.text-with-right-numbers-text > h2 {
margin-bottom: 1rem;
}
div.text-with-right-numbers-text > p {
font-size: 2.2rem;
line-height: 2.4rem;
margin-right: 15%;
max-width: 900px;
}
@media (min-width: 0px) {
div.text-with-right-numbers-text > p {
margin-right: 0px;
}
}
@media (min-width: 769px) {
div.text-with-right-numbers-text > p {
margin-right: 15%;
}
}
@media (min-width: 1024px) {
div.text-with-right-numbers-text > p {
margin-right: 15%;
}
}
div.text-with-right-numbers-numbers-mobile {
display: table-cell;
width: 100%;
vertical-align: middle;
margin-bottom: 2rem;
}
@media (min-width: 0px) {
div.text-with-right-numbers-numbers-mobile {
display: block;
}
}
@media (min-width: 769px) {
div.text-with-right-numbers-numbers-mobile {
display: none;
}
}
@media (min-width: 1024px) {
div.text-with-right-numbers-numbers-mobile {
display: none;
}
}
div.text-with-right-numbers-numbers-mobile > span.number {
display: block;
font-size: 9.0rem;
line-height: 9.1rem;
color: #5D3E75;
}
div.text-with-right-numbers-numbers-mobile > span.number-label {
display: block;
font-size: 2.0rem;
line-height: 2.1rem;
color: #5D3E75;
}
div.text-with-right-numbers-numbers-desktop {
display: table-cell;
width: 25%;
text-align: center;
vertical-align: middle;
}
@media (min-width: 0px) {
div.text-with-right-numbers-numbers-desktop {
display: none;
}
}
@media (min-width: 769px) {
div.text-with-right-numbers-numbers-desktop {
display: table-cell;
}
}
@media (min-width: 1024px) {
div.text-with-right-numbers-numbers-desktop {
display: table-cell;
}
}
@media (min-width: 0px) {
div.text-with-right-numbers-numbers-desktop > p {
display: block;
width: 100%;
text-align: left;
}
}
@media (min-width: 769px) {
div.text-with-right-numbers-numbers-desktop > p {
display: block;
width: 100%;
text-align: center;
}
}
@media (min-width: 1024px) {
div.text-with-right-numbers-numbers-desktop > p {
display: block;
width: 100%;
text-align: center;
}
}
div.text-with-right-numbers-numbers-desktop > span.number {
display: block;
font-size: 9.0rem;
line-height: 9.1rem;
color: #5D3E75;
}
div.text-with-right-numbers-numbers-desktop > span.number-label {
display: block;
font-size: 2.0rem;
line-height: 2.1rem;
color: #5D3E75;
}
/* Background Color Text Left */
div#background-color-text-left{
float: left;
width: 100%;
margin-bottom: 1px;
}
div#background-color-text-left-content {
position: relative;
width: 100%;
line-height: 0em;
border-bottom: 1px solid #ffffff;
}
#background-color-text-left-color{
height: 280px
}
div#background-color-text-left-outer-container {
position: absolute;
top: 0px;
left: 0px;
width: 90%;
height: 100%;
padding-right: 5%;
padding-left: 5%;
background-color: transparent;
}
@media (min-width: 0px) {
div#background-color-text-left-outer-container {
position: relative;
background-color: #b3b3b3;
}
}
@media (min-width: 769px) {
div#background-color-text-left-outer-container {
position: relative;
background-color: #b3b3b3;
}
}
@media (min-width: 1024px) {
div#background-color-text-left-outer-container {
position: absolute;
background-color: transparent;
}
}
div#background-color-text-left-inner-container {
position: relative;
width: 100%;
height: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
}
div#background-color-text-left-container {
position: absolute;
top: 0px;
left: 0%;
width: 18%;
height: min-content;
opacity: 0.9;
line-height: 1.5em;
overflow: hidden;
}
@media (min-width: 0px) {
div#background-color-text-left-container {
position: relative;
width: 100%;
background-color: transparent;
padding-top: 3rem;
padding-bottom: 5rem;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 769px) {
div#background-color-text-left-container {
position: relative;
width: 100%;
background-color: transparent;
padding-top: 3rem;
padding-bottom: 5rem;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1024px) {
div#background-color-text-left-container {
width: 60%;
left: 0%;
}
}
div#background-color-text-left-container >h3{
color: white;
font-size: 3rem;
line-height: 3rem;
font-weight: 700;
padding-bottom: 40px
}
div#background-color-text-left-container >p{
color: white;
}
/* Image Text Left */
div#image-left-text {
float: left;
width: 100%;
margin-bottom: 1px;
}
@media print {
div#image-left-text {
display: none;
}
}
div#image-left-text-outer-container {
position: absolute;
top: 0px;
left: 0px;
width: 90%;
height: 100%;
padding-right: 5%;
padding-left: 5%;
background-color: transparent;
}
@media (min-width: 0px) {
div#image-left-text-outer-container {
height: 30%;
position: relative;
background-color: #dddddd;
}
}
@media (min-width: 769px) {
div#image-left-text-outer-container {
position: relative;
background-color: #dddddd;
height: 20%;
}
}
@media (min-width: 1024px) {
div#image-left-text-outer-container {
top: 20%;
position: absolute;
background-color: transparent;
}
}
div#about-us div#image-left-text-outer-container {
background-color: transparent;
}
div#image-left-text-inner-container {
position: relative;
width: 100%;
height: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#image-left-text-content {
position: relative;
width: 100%;
line-height: 0em;
border-bottom: 1px solid #ffffff;
}
div#image-left-text-content > img {
top: 0px;
left: 0px;
width: 100%;
}
@media (min-width: 0px) {
img.image-left-image {
display: none;
}
img.image-left-mobile-image {
display: block;
}
}
@media (min-width: 768px) {
img.image-left-image {
display: none;
}
img.image-left-mobile-image {
display: block;
}
}
@media (min-width: 1024px) {
img.image-left-image {
display: block;
}
img.image-left-mobile-image {
display: none;
}
div#image-left-text-content > img {
height: 280px;
}
}
div#image-left-text-container {
position: absolute;
top: 0px;
left: 0%;
width: 18%;
height: min-content;
background-color: #ffffff;
padding: 2%;
opacity: 0.9;
line-height: 1.5em;
overflow: hidden;
}
@media (min-width: 0px) {
div#image-left-text-container {
position: relative;
width: 100%;
background-color: transparent;
padding-top: 3rem;
padding-bottom: 5rem;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 769px) {
div#image-left-text-container {
position: relative;
width: 100%;
background-color: transparent;
padding-top: 3rem;
padding-bottom: 5rem;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1024px) {
div#image-left-text-container {
position: absolute;
width: 40%;
left: 0%;
padding: 2%;
}
}
div#image-left-text-container > h3 {
margin-bottom: 2rem;
color: white;
font-size: 4.0rem;
font-weight: 700;
}
div#image-left-text-container > p {
color: white;
font-size: 1.8rem;
}
div#image-left-text-container > a {
display: block;
margin-top: 1rem;
}
div#image-left-text-container > a:after {
content: ' »';
}
/* Image Right Text */
div#image-right-text {
float: left;
width: 100%;
margin-bottom: 1px;
}
div#image-right-text-content {
position: relative;
width: 100%;
line-height: 0em;
}
div#image-right-text-content > img {
top: 0px;
left: 0px;
width: 100%;
}
div#image-right-text-outer-container {
position: absolute;
top: 0px;
left: 0px;
width: 90%;
height: 100%;
padding-right: 5%;
padding-left: 5%;
background-color: transparent;
}
@media (min-width: 0px) {
div#image-right-text-outer-container {
position: relative;
background-color: #dddddd;
}
}
@media (min-width: 769px) {
div#image-right-text-outer-container {
position: relative;
background-color: #dddddd;
}
}
@media (min-width: 1024px) {
div#image-right-text-outer-container {
position: absolute;
background-color: transparent;
}
}
div#image-right-text-inner-container {
position: relative;
width: 100%;
height: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div#image-right-text-container {
position: absolute;
top: 0px;
right: 0%;
width: 28%;
height: 90%;
background-color: #ffffff;
padding: 2%;
opacity: 0.9;
line-height: 1.5em;
overflow: hidden;
}
@media (min-width: 0px) {
div#image-right-text-container {
position: relative;
width: 95%;
padding-top: 5vw;
padding-bottom: 5vw;
background-color: #dddddd;
}
}
@media (min-width: 769px) {
div#image-right-text-container {
position: relative;
width: 95%;
padding-top: 5vw;
padding-bottom: 5vw;
background-color: #dddddd;
}
}
@media (min-width: 1024px) {
div#image-right-text-container {
position: absolute;
width: 28%;
padding-top: 2%;
padding-bottom: 2%;
background-color: #ffffff;
}
}
div#image-right-text-container > h3 {
margin-bottom: 1rem;
}
div#image-right-text-container > a {
display: block;
margin-top: 1rem;
}
div#image-right-text-container > a:after {
content: ' »';
}
/* Related Content */
div#related-content {
float: left;
width: 100%;
padding: 5%;
background-color: #f6f6f6;
}
@media print {
div#related-content {
display: none;
}
}
div#related-content > h2 {
width: 100%;
text-align: center;
margin: 0px;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
@media (min-width: 0px) {
div#related-content > h2 {
margin-top: 2rem;
margin-bottom: 4rem;
}
}
@media (min-width: 769px) {
div#related-content > h2 {
margin-top: 0px;
margin-bottom: 1rem;
}
}
@media (min-width: 1024px) {
div#related-content > h2 {
margin-top: 0px;
margin-bottom: 1rem;
}
}
div.related-content-row {
display: block;
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
div.related-content-cell {
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 1rem;
border-top: 2px solid #BECDDC;
}
@media (min-width: 0px) {
div.related-content-cell {
margin-bottom: 3rem;
}
}
@media (min-width: 769px) {
div.related-content-cell {
margin-bottom: 1rem;
}
}
@media (min-width: 1024px) {
div.related-content-cell {
margin-bottom: 1rem;
}
}
div.related-content-cell > h4 {
margin: 0px;
margin-top: 0.5em;
margin-bottom: 1em;
}
div.related-content-cell > h3 {
margin-bottom: 1em;
}
div.related-content-cell > h3:hover {
text-decoration: underline;
color: #0089BC;
}
div.related-content-cell > h3 > p {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0px;
padding: 0px;
}
div.related-content-cell > h3 > p:hover {
text-decoration: underline;
color: #0089BC;
}
div.related-content-cell > a {
color: #0089BC;
}
div.related-content-cell > a:after {
content: ' »';
}
div.related-content-cell-right-column {
margin-right: 0%;
}
/* Footer Menu */
div#footer-menu {
float: left;
width: 100%;
padding-top: 7.5rem;
background-color: #ffffff;
}
@media print {
div#footer-menu {
display: none;
}
}
div#footer-menu-inner {
max-width: 786px;
margin-left: auto;
margin-right: auto;
}
div#footer-menu-social {
display: table;
padding-top: 2%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 15px;
}
div#footer-menu-social > a {
display: table-cell;
width: 25%;
padding: 0%;
padding-left: 1em;
padding-right: 1em;
text-align: center;
vertical-align: middle;
}
img#footer-menu-linkedin-icon {
height: 2rem;
}
img#footer-menu-youtube-icon {
height: 2rem;
}
img#footer-menu-facebook-icon {
height: 2rem;
}
img#footer-menu-twitter-icon {
height: 2rem;
}
img#insta-icon {
height: 2rem;
}
div#footer-menu-links {
padding-top: 2%;
text-align: center;
}
@media (min-width: 0px) {
div#footer-menu-links ul {
padding-left: 0px;
}
}
@media (min-width: 769px) {
div#footer-menu-links ul {
padding-left: 40px;
}
}
@media (min-width: 1024px) {
div#footer-menu-links ul {
padding-left: 40px;
}
}
div#footer-menu-links li.menu-item {
display: inline-block;
list-style-type: none;
padding: 0px;
clear: none;
text-transform: uppercase;
}
@media (min-width: 0px) {
div#footer-menu-links li.menu-item {
display: block;
margin-bottom: 1rem;
padding-right: 0px;
}
}
@media (min-width: 769px) {
div#footer-menu-links li.menu-item {
display: inline-block;
margin-bottom: 0px;
padding-right: 2em;
}
}
@media (min-width: 1024px) {
div#footer-menu-links li.menu-item {
display: inline-block;
margin-bottom: 0px;
padding-right: 2em;
}
}
div#footer-menu-links li.menu-item a {
font-size: 1.4rem;
font-weight: 700;
color: #3C3C3B;
}
div#footer-menu-links li.menu-item a:hover {
color: #3C3C3B;
}
div#footer-menu-strapline {
padding-top: 2%;
text-align: center;
}
div#footer-menu-strapline > img {
width: 200px;
width: 220px;
display: block;
text-align: center;
margin: auto;
}
div#footer-menu-strapline > a {
vertical-align:middle ;
}
div#footer-menu-legal {
font-size: 1.4rem;
line-height: 1.8rem;
padding-top: 3%;
padding-bottom: 3rem;
padding-left: 5%;
padding-right: 5%;
text-align: center;
}
/* Cookie */
div#cookie {
display: none;
position: fixed;
bottom: 0px;
width: 100%;
padding-left: 5%;
padding-right: 5%;
background-color: #dddddd;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
}
div#cookie > p {
display: inline-block;
font-weight: 500;
}
div#cookie > a#cookie-button {
-webkit-appearence: none;
display: inline-block;
font-size: 1.2rem;
color: #000;
text-transform: uppercase;
text-align: center;
padding-left: 5%;
padding-right: 5%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #FCBE00;
border-radius: 0px;
}
@media (min-width: 0px) {
div#cookie > a#cookie-button {
width: 90%;
margin-top: 1rem;
margin-left: 0px;
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 769px) {
div#cookie > a#cookie-button {
width: auto;
margin-top: 0px;
margin-left: 5rem;
padding-left: 5rem;
padding-right: 5rem;
}
}
@media (min-width: 1024px) {
div#cookie > a#cookie-button {
width: auto;
margin-top: 0px;
margin-left: 5rem;
padding-left: 5rem;
padding-right: 5rem;
}
}
div#cookie > a#cookie-button:hover {
text-decoration: none;
}
/* Sitemap */
div#body-text > div.menu-sitemap-container {
width: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
}
div#body-text > div.menu-sitemap-container > ul > li {
width: 25%;
}
@media (min-width: 0px) {
div#body-text > div.menu-sitemap-container > ul > li {
width: 100%;
}
}
@media (min-width: 769px) {
div#body-text > div.menu-sitemap-container > ul > li {
width: 25%;
}
}
@media (min-width: 1024px) {
div#body-text > div.menu-sitemap-container > ul > li {
width: 25%;
}
}
div#body-text > div.menu-sitemap-container > ul > li > a {
font-weight: bold;
white-space: nowrap;
}
div#body-text > div.menu-sitemap-container ul {
float: left;
width: 100%;
list-style: none;
margin: 0px;
padding: 0px;
}
div#body-text > div.menu-sitemap-container ul > li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
padding-bottom: 2rem;
}
@media (min-width: 0px) {
div#body-text > div.menu-sitemap-container ul > li {
clear: both;
}
}
@media (min-width: 769px) {
div#body-text > div.menu-sitemap-container ul > li {
clear: none;
}
}
@media (min-width: 1024px) {
div#body-text > div.menu-sitemap-container ul > li {
clear: none;
}
}
div#body-text > div.menu-sitemap-container ul > li > a {
font-size: 2.0rem;
line-height: 2.1rem;
color: #3C3C3B;
}
div#body-text > div.menu-sitemap-container ul > li > a:hover {
color: #0089BC;
}
div#body-text > div.menu-sitemap-container ul > li > ul > li {
width: 100%;
padding-bottom: 0px;
}
div#body-text > div.menu-sitemap-container ul > li > ul > li > a {
font-size: 1.6rem;
line-height: 2.4rem;
}
div#body-text > div.menu-sitemap-container > ul#menu-sitemap li#menu-item-335 > ul.sub-menu > li.menu-item {
display: inline-block;
width: 100%;
}
@media (min-width: 769px) {
div#body-text > div.menu-sitemap-container > ul#menu-sitemap > li#menu-item-334, div#body-text > div.menu-sitemap-container > ul#menu-sitemap-1 > li.menu-item-334 {
width: 50%;
}
div#body-text > div.menu-sitemap-container > ul#menu-sitemap li#menu-item-335 > ul.sub-menu, div#body-text > div.menu-sitemap-container > ul#menu-sitemap-1 li.menu-item-335 > ul.sub-menu {
column-count: 2;
}
}
/* Contact */
div.contact-table {
display: table;
width: 80%;
margin-bottom: 5rem;
}
@media (min-width: 0px) {
div.contact-table {
display: block;
width: 100%;
}
}
@media (min-width: 769px) {
div.contact-table {
display: table;
width: 100%;
}
}
@media (min-width: 1024px) {
div.contact-table {
display: table;
width: 80%;
}
}
div.contact-column {
display: table-cell;
width: 50%;
text-align: left;
vertical-align: top;
padding-right: 5%;
}
@media (min-width: 0px) {
div.contact-column {
display: block;
width: 100%;
padding-right: 0px;
padding-bottom: 5rem;
}
}
@media (min-width: 769px) {
div.contact-column {
display: table-cell;
width: 50%;
padding-right: 5%;
padding-bottom: 0px;
}
}
@media (min-width: 1024px) {
div.contact-column {
display: table-cell;
width: 50%;
padding-right: 5%;
padding-bottom: 0px;
}
}
div.contact-row {
display: block;
}
@media (min-width: 0px) {
div.contact-column div.contact-row:nth-child(1) {
height: auto;
}
div.contact-column div.contact-row:nth-child(2) {
height: auto;
}
div.contact-column div.contact-row:nth-child(3) {
height: auto;
}
}
@media (min-width: 769px) {
div.contact-column div.contact-row:nth-child(1) {
height: 4rem;
}
div.contact-column div.contact-row:nth-child(2) {
height: 10rem;
}
div.contact-column div.contact-row:nth-child(3) {
height: 4rem;
}
}
@media (min-width: 1024px) {
div.contact-column div.contact-row:nth-child(1) {
height: 4rem;
}
div.contact-column div.contact-row:nth-child(2) {
height: 10rem;
}
div.contact-column div.contact-row:nth-child(3) {
height: 4rem;
}
}
div.contact-row img {
height: 1.6rem;
margin-right: 1rem;
}
/* Resources */
div#resources div#body-text {
margin-top: 1rem;
}
div#resources div#introduction {
width: 60%;
}
@media (min-width: 0px) {
div#resources div#introduction {
width: 90%;
}
}
@media (min-width: 769px) {
div#resources div#introduction {
width: 60%;
}
}
@media (min-width: 1024px) {
div#resources div#introduction {
width: 60%;
}
}
div#resources > div#body-text a:after {
content: ' »';
}
/* Ninja Forms */
div#nf-form-1-cont {
width: 50%;
padding-left: 25%;
padding-top: 3%;
padding-bottom: 5%;
}
span.nf-form-title > h3 {
font-size: 2.0rem;
font-weight: 500;
line-height: 2.1rem;
color: #3C3C3B;
padding-bottom: 2rem;
}
div.nf-field-label {
display: none;
}
div#nf-field-10-wrap > div.nf-field-label {
display: block;
padding-bottom: 2rem;
}
div.nf-field-label > label {
font-size: 2.0rem;
font-weight: 500;
line-height: 2.1rem;
color: #3C3C3B;
}
div#nf-field-10-wrap > div.nf-field-element li > label {
display: inline-block;
vertical-align: top;
margin-top: 2px;
font-size: 1.6rem;
font-weight: bold;
line-height: 2.7rem;
color: #3C3C3B;
}
div.listcheckbox-container > div.nf-field > div.listcheckbox-wrap > div.nf-field-element > ul > li > label {
display: inline;
vertical-align: top;
margin-top: 7px;
font-size: 1.6rem;
font-weight: 400;
line-height: 2.7rem;
color: #3C3C3B;
}
.field-wrap > div input[type=checkbox] {
float: none;
}
div.submit-wrap > div.nf-field-element > input {
width: 100%;
font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
font-size: 1.6rem;
background-color: #0089BC;
color: #ffffff;
padding: 1rem;
border: none;
border-radius: 2px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
transition: all 0.5s ease 0s;
}
div#nf-field-10-container {
width: 100%;
margin-top: 5rem;
padding-top: 1rem;
border-top: 2px solid #BECDDC;
}
div#nf-field-11-container {
width: 100%;
margin-top: 5rem;
padding-top: 1rem;
border-top: 2px solid #BECDDC;
}
div#nf-field-11-wrap > div.nf-field-label {
display: block;
padding-bottom: 2rem;
}
div#nf-field-11-wrap > div.nf-field-element li > label {
display: inline-block;
vertical-align: top;
margin-top: 2px;
font-size: 1.6rem;
font-weight: bold;
line-height: 2.7rem;
color: #3C3C3B;
}
div.nf-form-fields-required {
display: none;
}
div#nf-field-10-wrap ul {
width: 100%;
}
div#nf-field-10-wrap li {
display: inline-block;
float: left;
width: 50%;
}
div#nf-field-12-container {
padding-top: 5rem;
}
input#nf-field-12 {
width: 100%;
background-color: #0089BC;
color: #ffffff;
text-transform: uppercase;
}
/* 404 Page */
div#page-404 > div#introduction {
height: 40vh;
}
div#page-404 > div#introduction > div#introduction-content {
border-bottom: none;
}
.video div#home-text-container {
height: 130px;
}
.video {
height: auto;
}
.hero {
background-color: #FF7062;
background-color: var(--primary);
position: relative;
height: 280px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 40px;
}
.hero .container {
margin: 0;
}
.hero__content {
text-align: center;
position: relative;
z-index: 3;
padding: 0 10px;
}
.hero__content h1 {
font-size: 44px;
}
.hero__content p {
font-size: 22px;
margin-bottom: 20px;
line-height: 32px;
max-width: 800px;
}
.hero__content h1, .hero__content p {
color: #fff;
color: var(--white);
}
.hero__overlay {
background-color: #1d1d1d;
background-color: var(--black);
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.hero__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
object-position: center bottom;
z-index: 1;
}
.hero.hero--video video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.hero.hero--video video[poster] {
object-fit: cover;
font-family: 'object-fit: cover;';
width: 100%;
height: 100%;
}
@media (min-width: 1024px) {
.hero {
height: 280px;
}
div#home-title-image.video > div#home-navigation-container {
z-index: 1;
}
}
.webinar-section {
max-width: 1100px;
margin: 0 auto;
}
.webinar-section-speaker-list {
display: flex!important;
flex-wrap: wrap;
margin-bottom: 40px;
}
.webinar-section-speaker-list__item {
width: 50%;
}
.webinar-section-video-list {
display: flex;
flex-wrap: wrap;
}
.webinar-section-video-list__item {
box-sizing: border-box;
width: 50%;
padding: 24px;
}
.webinar-section-video-list__item:nth-child(odd) {
padding-left: 0;
}
.webinar-section-video-list__item:nth-child(even) {
padding-right: 0;
}
.webinar-section-video-list-item {
position: relative;
}
.webinar-section-video-list-item .button {
margin-top: 24px;
}
.webinar-section-video-list-item img {
min-height: 360px;
object-fit: cover;
width: 100%;
}
.play-button-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: 60px;
height: 60px;
background-color: transparent;
border: 2px solid #FCBE00;
border-radius: 50%;
}
.play-button-wrap button {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 494.148 494.148'%3E%3Cpath fill='%23FCBE00' d='M405.284 201.188L130.804 13.28C118.128 4.596 105.356 0 94.74 0 74.216 0 61.52 16.472 61.52 44.044v406.124c0 27.54 12.68 43.98 33.156 43.98 10.632 0 23.2-4.6 35.904-13.308l274.608-187.904c17.66-12.104 27.44-28.392 27.44-45.884.004-17.48-9.664-33.764-27.344-45.864z'/%3E%3C/svg%3E");
background-color: transparent;
background-size: cover;
width: 40px;
height: 40px;
max-width: 40px;
max-height: 40px;
padding: 0;
margin: 0;
position: absolute;
top: 50%;
left: 58%;
transform: translate3d(-50%, -50%, 0);
}
.placeholder-wrap {
position: relative;
}
@keyframes fadeUpIframeBg {
0% {
opacity: 0;
left: -1000%;
}
2% {
left: 0;
opacity: 0;
}
10% {
left:0;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes fadeDownIframeBg {
100% {
opacity: 0;
left: -1000%;
}
98% {
left: 0;
opacity: 0;
}
90% {
left:0;
opacity: 0;
}
0% {
left: 0;
opacity: 1;
}
}
@keyframes fadeUpSimple {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeDownSimple {
to {
opacity: 0;
}
from {
opacity: 1;
}
}
.webinar-iframe {
position: fixed;
background-color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
z-index: 9999;
left: -1000%;
opacity: 0;
top: 0;
transition: 0.3s ease;
}
.webinar--inactive.webinar-iframe--inactive {
animation: fadeDownIframeBg 0.4s ease forwards;
animation-delay: 0.3s;
}
.webinar-iframe.webinar-iframe--active {
animation: fadeUpIframeBg 0.4s ease forwards;
animation-delay: 0;
}
.webinar-iframe.webinar-iframe--active .webinar-iframe__inner {
animation: fadeUpSimple 0.3s ease forwards;
animation-delay: 0.3s;
}
.webinar-iframe .webinar-iframe__inner {
animation: fadeDownSimple 0.3s ease forwards;
animation-delay: 0s;
}
.webinar-iframe__inner {
background: white;
position: absolute;
width: 500px;
height: 300px;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
}
.webinar-section-speaker-list .webinar-section-speaker-list__item {
width: 50%!important;
margin-top: 24px;
padding-left: 0!important;
}
.webinar-section-speaker-list .webinar-section-speaker-list__item .webinar-section-speaker-list-item__img {
margin-right: 24px;
}
@media screen and (max-width: 1200px) {
.webinar-section {
padding:0 30px;
}
}
@media screen and (max-width: 767px) {
.webinar-section-speaker-list .webinar-section-speaker-list__item {
width: 100%!important;
}
.webinar-section-video-list__item {
width: 100%;
}
.webinar-section-video-list__item:nth-child(odd) {
padding:24px 0;
}
.webinar-section-video-list__item:nth-child(even) {
padding: 24px 0;
}
.webinar-section {
padding:0 30px;
}
.webinar-iframe__inner iframe {
max-width: 100%;
}
}
.webinar-section.webinar-section--content {
margin: 40px auto;
margin-top: 0;
}
.webinar-section.webinar-section--content *:first-child {
margin-top: 10px;
}
@media screen and (min-width:770px) {
div#news {
float: none;
margin-top: 56px!important;
}
.webinar-section.webinar-section--content {
margin: 40px auto;
margin-top: 96px;
}
}
@media screen and (max-width: 570px) {
.webinar-iframe__inner {
max-height: 100%;
width: 320px;
height: 190px;
}
}
div#header-menu .sub-menu {
visibility: hidden;
opacity: 0;
position: absolute !important;
background-color: #fff;
z-index: 1;
margin-top: 28px;
padding: 15px 10px;
width: fit-content;
margin-left: 0rem;
box-shadow: 0px 15px 25px -4px rgba(150, 150, 150, 0.24);
}
div#header-menu .menu-item:hover .sub-menu {
transition: all 0.3s ease;
visibility: visible;
opacity: 1;
}
hr.solid{
border-top: 2px solid #E6E6E6;
width: 32%;
position: absolute;
bottom: -20px;
left: 32%;
}
/* only page meet-the-board */
#meet-the-board div#people {
padding-bottom: 0;
width: 100% !important;
float: left;
}
#meet-the-board .people-results-user-profile {
display:block !important;
position: relative;
padding: 0%;
border: none;
top: 0px;
background: #fff;
}
#meet-the-board .title-people-detail-close{
display: none;
}
#meet-the-board div.people-results-user-profile-detail div#title-people-detail-container {
display: flex;
align-items: center;
}
#meet-the-board #title-people-detail-image {
order: 1;
}
#meet-the-board div#title-people-detail-container,div#title-people-detail {
background-color: #fff !important;
}
#meet-the-board #title-people-detail-image {
border-radius: 50%;
}
#meet-the-board .hidden{
display: none !important;
}
#meet-the-board #title-board-detail-text{
display:block !important;
width: 80%;
}
#meet-the-board div.people-results-user-profile-detail div#title-people-detail-container {
width: 100% !important;
height: 280px;
}
#meet-the-board div.people-results-user-profile div#title-people-detail-image {
width: 20%;
}
#meet-the-board #title-board-detail-user-description {
text-transform: capitalize;
font-size: 23px;
color: #2e2e38;
}
#meet-the-board div.people-results-user {
display: none;
}
#meet-the-board .elementor-social-icon {
background-color: #FEFFFF !important;
--icon-padding: 0.5em;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #C2C2C2;
border-radius: 50%;
}
#meet-the-board .elementor-social-icon i {
color: #000000 !important;
font-size: 26px;
padding: 0px;
}
#meet-the-board .elementor-social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
width: 1em;
height: 1em;
}
#meet-the-board .elementor-grid-0 .elementor-grid {
display: inline-block;
width: 100%;
}
#meet-the-board .elementor-grid-item {
margin-right: 5px;
}
#meet-the-board .people-results-user-profile,#people-results-load-more {
order: 99;
}
#meet-the-board #title-board-detail-user-description {
margin-top: 25px;
}
#meet-the-board div.people-results-user-profile div#title-people-detail-image {
width: 160px !important;
height: 160px !important;
}
#meet-the-board #title-board-detail-user-description {
line-height: 3rem;
}
#meet-the-board div#people-results {
display: grid;
padding: 0 140px !important;
}
#meet-the-board div.people-results-row {
display: grid;
}
#meet-the-board div.people-results-column {
height: 0;
}
#meet-the-board div#people-controls {
display: none;
}
#meet-the-board div.people-results-user-profile div#title-people-detail {
padding-bottom: 15px;
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (max-device-width : 1024px) {
#meet-the-board div#people-results {
padding: 0 20px !important;
}
div.people-results-arrow-container {
display: none;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width : 700px) {
#meet-the-board div#people-results {
padding: 0 0px !important;
}
#meet-the-board .hide_mobile {
display: none !important;
}
#meet-the-board div.people-results-arrow-container {
height: 0px !important;
}
div.people-results-user-profile div#title-people-detail-image {
margin-right: 0rem !important;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#meet-the-board div.people-results-user-profile-detail div#title-people-detail-container {
height: 230px;
}
#meet-the-board div.people-results-user-profile div#title-people-detail-image {
margin-top: 3rem;
margin-right: 0rem;
}
#meet-the-board div.people-results-arrow-container {
height: 0px;
}
#meet-the-board #title-board-detail-user-description {
font-size: 21px;
}
#meet-the-board div.people-results-user-profile-detail div#title-people-detail-container {
min-height: 280px;
}
#meet-the-board div#people-results {
margin: 0% !important;
padding: 0 20px !important;
}
#meet-the-board div.people-results-user-profile div#title-people-detail-image {
height: 128px !important;
width: 115px !important;
}
#meet-the-board .hide_mobile{
display:none !important;
}
div#people-tags {
display: none;
}
#meet-the-board #title-board-detail-text {
width: 68% !important;
}
}
#meet-the-board div#people-search-filter-location #location{
background-image: url("/wp-content/themes/taxand/assets/images/icons/Search_Bar_Icon.svg") ;
}
#meet-the-board .content-list .contact .contentList-photo {
width: 130px;
height: 130px;
border-radius: 50%;
overflow: hidden;
background-repeat: none;
background-position: center;
background-size: cover;
margin-left: auto;
}
#meet-the-board .content-list .contact {
padding: 20px 0 0;
}
#meet-the-board .content-list .contact .contentList-photo {
width: 130px;
height: 130px;
border-radius: 50%;
overflow: hidden;
background-repeat: none;
background-position: center;
background-size: cover;
margin-left: auto;
}
#meet-the-board .content-list .contact .contentList-job-title {
line-height: 24px;
margin: 0 0 10px;
color: #2e2e38;
}
#meet-the-board .contact-links .contact-links-container {
margin: 18px 0 0;
}
#meet-the-board .contentListContacts .contact-links .contact-links-container a:nth-child(-n+5) {
display: inline-block;
}
#meet-the-board .contact-links-light-background .contact-links .contact-links-container [class*="hyperlink-"], .contact-links-light-background .contact-links .contact-links-container .contact-links-item {
border: 1px solid #c4c4cd;
}
#meet-the-board .content-list .contact::after {
padding-top: 20px;
}
/* css elementor generale */
#elementor-add-new-section {
width: 100% !important;
}
.elementor {
width: 100% !important;
float: left;
}
/* Header */
div#header-menu-navigation li.menu-item:hover:not(.sub-menu li) {
background: rgba(193, 193, 193, 0.21) !important;
border-bottom: 5px solid rgba(255, 255, 255, 0.07) !important;
}
/*
*
Design Newsletter
*
*/
.big-title-image #title-container {
max-height: 500px;
background-position: left;
height: 500px;
}
#mc_embed_signup {
background: #fff;
clear: left;
font: 14px Helvetica, Arial, sans-serif;
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup input,
#mc_embed_signup input[type="text"]:focus,
#mc_embed_signup input[type="email"]:focus {
border-radius: 0;
border: 0;
height: auto;
box-shadow: 0px 0px 25px -6px rgba(150, 150, 150, 0.22);
}
#mc_embed_signup .button {
border-radius: 0 !important;
color: #000 !important;
height: 40px !important;
background: #FCBE00 !important;
}
#mc_embed_signup .button:hover {
background: #FCBE00;
}
#mce-responses {
margin: 0;
padding: 0;
}
.mce_inline_error~div {
padding-left: 0 !important;
}
/*
*
Slide Home page
*
*/
.wpls-logo-showcase .slick-arrow svg {
display: flex;
}
/*
*
locations page
*
*/
.quote_logos {
display: flex;
align-items: center;
}
/* display form */
#nf-form-29_3-cont{
display: none;
}
/* popup tax experts */
.people-results-user-profile {
position: fixed;
bottom: 0;
right: 0px;
border: 3px solid #f1f1f1;
z-index: 9;
width: 100%;
padding: 5%;
top: 80px;
background: #808080a6;
display: flex;
align-content: center;
align-items: center;
}
/* event */
.events-grid--img {
object-fit: cover;
height: auto !important;
}
/* footer */
.img-fluid.mw-134 {
width: 134px;
}