style_estudis.css
style_estudis.css
— 27.4 KB
File contents
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); /*INICI MENÚ PORTADA*/ /* ============================ */ /* menu2 */ /* ============================ */ .menu2, .menu2 > li > ul, .menu2 > li > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 15px; z-index: 1500; } .menu2 { text-align: left; height: 28px; z-index: 1500; position: absolute; } .menu2 > li { display: block; float: left; position: relative;/* Top-level links */ /* Submenu2 */ /* when hovering top-level, show submenu2 */ } .menu2 > li > a { display: block; height: 28px; line-height: 28px; padding: 5px 15px; text-decoration: none; text-transform: uppercase; color: #FFF; font-size: 1.5em; text-shadow: 2px 2px 4px #000000; } .menu2 > li > ul { position: absolute; top: 36px; left: 5px; -webkit-columns: 2 2px; -moz-columns: 2 2px; columns: 2 2px; border: 2px solid #2196F3; border-top: none; background-color: white; width: 500px; padding: 10px 15px 25px; display: none;/* Submenu2 links */ } .menu2 > li > ul > li { display: block; } .menu2 > li > ul > li > a { padding: 2px; text-decoration: none; color: #666666; display: block; position: relative; } .menu2 > li > ul > li > a > i { position: absolute; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #2196F3; font-size: 3em; width: 70px; text-align: center; } .menu2 > li > ul > li > a > span { display: block; margin-left: 10px; } .menu2 > li > ul > li > a > span.title { /*font-weight: bold;*/ } .menu2 > li > ul > li > a > span.descr { font-size: 0.8em; color: #b3b3b3; } .menu2 > li > ul > li > a:hover > i { -webkit-transform: translateX(-3px) translateZ(0px); -moz-transform: translateX(-3px) translateZ(0px); -ms-transform: translateX(-3px) translateZ(0px); -o-transform: translateX(-3px) translateZ(0px); transform: translateX(-3px) translateZ(0px); color: #1791f2; } .menu2 > li > ul > li > a:hover > span.title { color: #2196F3; } .menu2 > li > ul > li > a:hover > span.descr { color: #8c8c8c; } .menu2 > li:hover > a { color: #2196F3; } .menu2 > li:hover > ul { display: block; } /* ============================ */ /* RESPONSIVESS */ /* ============================ */ @media (max-width: 900px) { .menu2 > li > ul { -webkit-columns: 1; -moz-columns: 1; columns: 1; width: 270px; z-index: 1500; } } @media (max-width: 600px) { .menu2 { padding-top: 15px; position: relative; cursor: pointer; color: #FFF; z-index: 1500; } .menu2:before { position: absolute; top: 25px; right: 0px; font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-style: normal; display: block; text-decoration: none; font-size: 1.5em; padding: 12px; color: #FFF; text-shadow: 2px 2px 4px #000000; content: "↓Perfils"; } .menu2 > li { top: 25px; display: block; float: none; display: none; border-bottom: 1px solid #eee; } .menu2 > li > ul { position: static; width: 100%; padding: 10px 0px 10px; border: 0; } .menu2 > li > ul > li { padding-bottom: 20px; } .menu2:hover > li { display: block; background:#FFF; } .menu2 > li > a { display: block; height: 28px; line-height: 28px; padding: 5px 15px; text-decoration: none; text-transform: uppercase; color: #007BC0; font-size: 1.5em; text-shadow: none; } } /* ============================ */ /* form */ /* ============================ */ #portal-breadcrumbs { display:none; } .portlet-esdeveniments ul a { display: block; padding-left:2px !important } .portlet h2 { border-bottom: 2px solid #000; } /* ============================ */ /* SLIDER PANTALLA COMPLETA */ /* ============================ */ .carousel { position: relative; max-width:100%; margin-bottom: 10px; } .carousel-indicators { bottom: 15px; top: inherit; } .carousel-indicators .active, .carousel-indicators .selected, .carousel-indicators .contentViews .selected:hover, .contentViews .carousel-indicators .selected:hover { background-color: #2196F3; } .fa-arrow-left { font-size:10px; } .fa-arrow-right { font-size:10px; } .carousel-caption { position: absolute; text-align:left; padding: 15px; font-size:2.8em; left: 15px; right: 0; bottom: 0.2em; padding: 15px; background: none; -webkit-border-radius:none; -moz-border-radius:none; border-radius:none; border-top:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .carousel-caption h3 { color:#FFF; text-shadow: 2px 2px 4px #000000; line-height:1em; } .carousel-caption h4, .carousel-caption p { color: #FFF; line-height:1em; text-shadow: 2px 2px 4px #000000; } .carousel-destacats { position: relative; line-height: 0.5em; font-size: 0.9em; } @media (max-width: 800px) { .carousel-caption h3 { font-size: 1em; line-height:1em; } .carousel-caption h4, .carousel-caption p { font-size: 0.5em; line-height:1em; } .carousel { max-width:100%; } } @media (max-width: 600px) { .carousel-caption h3 { font-size: 0.70em; line-height:0.9em; } .carousel-caption h4, .carousel-caption p { font-size: 0.5em; line-height:0.8em; } } /* Clean theme ------------------------------------*/ /* - ++resource++genweb.cleantheme.stylesheets/genweb_cleantheme.css - */ @media screen { /* http://etsab.upc.edu/portal_css/++resource++genweb.cleantheme.stylesheets/genweb_cleantheme.css?original=1 */ /* */ * { border-radius: 0 !important; box-shadow: 0 0 0 0 !important; } /* */ body { font-size: 14px !important; } /* */ #portal-header { border-bottom: 0 !important; } /* */ #portal-header:not(.no-image) + #portal-globalnav .navbar-inner { border-radius: 0 !important; } /* */ #portal-header .titol-espai h1 { margin-bottom: 5px; } /* */ .container { max-width: 1200px !important; width: 98% !important; } /* */ .pad { padding: 9px 0 !important; } /* */ ul.unstyled { padding-left: 0 !important; } /* */ ul.unstyled li.multidate { margin-left: 0 !important; } /* */ .header-image { background-size: cover; display:none; } /* */ .large-icon { margin-right: 0px !important; } /* */ .accordion-group { border-radius: 0 !important; } /* */ .carousel img { width: 100%; } /* */ .carousel-inner { border-width: 0px !important; } /* */ .carousel-control { border-width: 0px !important; margin-top: 0 !important; top: calc(50% - 20px) !important; } /* */ .titol-sigles { font-size: 45px; padding-right: 10px !important; } /* */ .titol-sigles + .titol-descripcio { position: relative; bottom: -6px; } /* */ .llistatLogos a { margin: 0 0.5em !important; } /* */ .img-rounded { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } /* */ .img-circle { -webkit-border-radius: 500px !important; -moz-border-radius: 500px !important; border-radius: 500px !important; } /* */ .full-width-container { text-align: center; width: 100vw; margin-left: calc(-1 * ((100vw - 100%) / 2)); } /* */ body { overflow-x: hidden; } /* */ table.mceToolbar { overflow-x: auto !important; } /* */ #portal-globalnav .navbar .nav > li, #portal-globalnav .navbar .contentViews > li, #portal-globalnav .navbar .configlets > li, #portal-globalnav .navbar .formTabs > li { background-color: #fff !important; } /* */ #portal-globalnav .navbar .nav > li > a, #portal-globalnav .navbar .contentViews > li > a, #portal-globalnav .navbar .configlets > li > a, #portal-globalnav .navbar .formTabs > li > a { font-size: 18px !important; } /* */ #portal-globalnav .navbar .nav > li > a { border-right: 0 !important; } /* */ #portal-globalnav .navbar-inner { background-color: #fff !important; background-image: none !important; border: 0 !important; } /* */ #portal-globalnav .navbar-inner #menu-1 *:hover { background-color: #fff !important; } /* */ .subnavbar .nav-list a { background-color: #fff !important; background-image: none !important; border-top: 0 !important; } /* */ .subnavbar .nav-list .active ul a, .subnavbar .nav-list .selected ul a { border-right: 0px !important; } /* */ .subnavbar .nav-list .active ul a.active, .subnavbar .nav-list .selected ul a.active { background-color: #fff !important; } /* */ #portlet-navigation-tree { border-width: 0px 0 1px 0; } /* */ .portlet { border: 0 !important; } /* */ .portlet h2 { font-size: 160% !important; padding: 10px 0 !important; } /* */ .portlet-footer { background-color: #fff !important; text-align: left !important; padding-left: 0px !important; } /* */ .portlet-footer i { margin-left: -1px; margin-right: 5px; position: inherit !important; } /* */ .portlet-ampliat .content-noticies { padding: 0 !important; } /* */ .portlet-ampliat h3 { padding: 0 !important; } /* */ .portlet-ampliat li > img { margin-left: 0px !important; } /* */ .list-portlet { padding: 0 !important; } /* */ .portlet-esdeveniments ul li { margin: 0; } /* */ .noticies-full-2cols .noticies-full { padding-left: 0 !important; padding-right: 0 !important; } /* */ .portlet-esdeveniments ul a { border-left-width: 0px !important; } /* */ .portlet-esdeveniments ul time { left: 0 !important; } /* */ .portlet #loginform label { font-size: 14px; } /* */ .portlet #loginform input { margin-top: 5px; } @media only screen and (max-width: 768px) { /* */ .titol-sigles + .titol-descripcio { display: none; } } @media only screen and (min-width: 769px) { /* */ #menu-1 ul { border-top: 0; border-bottom: 3px solid; display: flex !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } /* */ #menu-1 ul li { border-bottom: 3px solid; margin-bottom: -3px; } /* */ #menu-1 ul li:first-child:nth-last-child(6), #menu-1 ul li:first-child:nth-last-child(6) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(6) a, #menu-1 ul li:first-child:nth-last-child(6) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(7), #menu-1 ul li:first-child:nth-last-child(7) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(7) a, #menu-1 ul li:first-child:nth-last-child(7) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(8), #menu-1 ul li:first-child:nth-last-child(8) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(8) a, #menu-1 ul li:first-child:nth-last-child(8) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(9), #menu-1 ul li:first-child:nth-last-child(9) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(9) a, #menu-1 ul li:first-child:nth-last-child(9) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(10), #menu-1 ul li:first-child:nth-last-child(10) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(10) a, #menu-1 ul li:first-child:nth-last-child(10) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(11), #menu-1 ul li:first-child:nth-last-child(11) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(11) a, #menu-1 ul li:first-child:nth-last-child(11) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(12), #menu-1 ul li:first-child:nth-last-child(12) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(12) a, #menu-1 ul li:first-child:nth-last-child(12) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li a { border-bottom-width: 3px !important; margin-bottom: -3px; } /* */ #portal-header.no-image + #portal-globalnav #menu-1 ul { border-top: 3px solid; } } /* back to top button */ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #C24292 url(../img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #C24292; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } .custom-btn { padding: 10px 25px; font-family: 'Roboto', sans-serif; font-weight: 500; background: transparent; outline: none !important; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; margin-bottom: 4px; font-size:1.2em; width: 100%; } /**** BTN No. 1 ****/ .btn-1 {border: 1px solid #000;} .btn-1:hover { background: #000; color: #fff; } .btn-1:active {top: 2px;} /**** BTN No. 6 ****/ .btn-6 { width: 100%; height: 120px; line-height: 1.3em; padding: 0; border: none; font-size:2em; } .btn-6 span { position: relative; display: block; width: 100%; height: 100%; } .btn-6 span p { padding-top:28px; } .btn-6:before, .btn-6:after { position: absolute; content: ""; height: 0%; width: 2px; background: #000; } .btn-6:before { right: 0; top: 0; transition: all 0.1s ease; } .btn-6:after { left: 0; bottom: 0; transition: all 0.1s 0.2s ease; } .btn-6:hover:before { transition: all 0.1s 0.2s ease; height: 100%; } .btn-6:hover:after { transition: all 0.1s ease; height: 100%; } .btn-6 span:before, .btn-6 span:after { position: absolute; content: ""; background: #000; } .btn-6 span:before { left: 0; top: 0; width: 0%; height: 2px; transition: all 0.1s 0.1s ease; } .btn-6 span:after { left: 0; bottom: 0; width: 100%; height: 2px; } .btn-6 span:hover:before {width: 100%;} @media only screen and (max-width: 1115px) { .btn-6 { height: 110px; line-height: 1.2em; font-size:1.6em; } } @media only screen and (max-width: 920px) { .btn-6 { height: 70px; line-height: 1em; font-size:1.1em; } } @media only screen and (max-width: 640px) { .btn-6 { height: 80px; line-height: 1.2em; font-size:1.7em; } } /* Quote Container Box */ .quotebox { border-radius: 1%; max-width: 100%; margin: 1px; margin-bottom: 0; padding: 3px 5px 3px 3px; color:#000; } .quotebox h2 { color:#000; font-size:2.1em; line-height:1.5em; } .quote { float: right; padding-right: 5px; padding-top: 2px; } /* Font-Awesome Icons Styles */ .right-quotation-mark { float: right; } .fa-quote-left { color: #2196F3; } .fa-quote-right { color: #2196F3; } /* ============================ */ /* MENÚ SOCIAL */ /* ============================ */ #social-test { display: table-cell; vertical-align: middle; text-align: center; padding-top: 10px; font-size: 30px; } #social-test h2 { color: #fff; font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-weight: 100; } #social-test .social { padding-left: 10px; padding-top:10px; } #social-test li { color: #FFF; !important list-style-type: none; display: inline-block; max-width: 40px; width: 40px; height: 30px; line-height: 10px; padding: 4px; /*border: 2px solid #FFF;*/ background:#FFF; cursor: pointer; margin-top: 2px; /* margin-left: 10px; */ margin-bottom: 8px; transition: ease .3s; /* display: table-cell; */ vertical-align: middle; text-align: center; font-size: 30px; } #social-test li:hover { color: #007BC0; /* border: 1px solid #0073B3;*/ } .social:hover > li { opacity: 0.5; } .social:hover > li:hover { opacity: 1; } #social-test a { color:#007BC0; } .xarxes { color:#FFF; text-align: left; margin-top:40px; width:90%; height: 30px; z-index: 1499; position: absolute; } @media only screen and (max-width: 640px) { .xarxes { margin-top:25px; } #social-test li { width: 30px; height: 27px; line-height: 10px; padding: 3px; font-size: 20px; } #social-test .social { padding-left: 5px; padding-top: 5px; } } /* TABS MENÚ */ .tabmenu { max-width:1200px; padding-bottom: 3em; } .tabmenu article { display: block; } .tabmenu .content-block { width: 100%; padding: 60px 0 60px 0; z-index: 100; position: relative; background-color: #ffffff; } .tabmenu a { color: #337ab7; text-decoration: none; } .tabmenu .nav-tabs > li > a { padding: 16px 25px 12px; font-size: 1.2em; font-weight: 600; font-style: normal; color: #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none !important; border-bottom: 2px solid transparent !important; } .tabmenu .nav-tabs > li.active > a, .tabmenu .nav-tabs > li.active > a:hover, .tabmenu .nav-tabs > li.active > a:focus { background-color: transparent; border-bottom: 2px solid #2196F3 !important; } /*.tabmenu .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }*/ .tabmenu .tab-pane { padding: 50px 0; border-bottom: 0px; } .tabmenu .text-center { text-align: left; } .tabmenu .nav-tabs { margin: 0 auto; } .tabmenu .nav-tabs, .contentViews, .configlets { border-bottom: 0px; } /* - ++resource++genweb.cleantheme.stylesheets/genweb_cleantheme.css - */ @media screen { /* https://eseiaat.upc.edu/portal_css/++resource++genweb.cleantheme.stylesheets/genweb_cleantheme.css?original=1 */ /* */ * { border-radius: 0 !important; box-shadow: 0 0 0 0 !important; } /* */ body { font-size: 14px !important; } /* */ #portal-header { border-bottom: 0 !important; } /* */ #portal-header:not(.no-image) + #portal-globalnav .navbar-inner { border-radius: 0 !important; } /* */ #portal-header .titol-espai h1 { margin-bottom: 5px; } /* */ .container { max-width: 1200px !important; width: 98% !important; } /* */ .pad { padding: 9px 0 !important; } /* */ ul.unstyled { padding-left: 0 !important; } /* */ ul.unstyled li.multidate { margin-left: 0 !important; } /* */ .header-image { background-size: cover; } /* */ .large-icon { margin-right: 0px !important; } /* */ .accordion-group { border-radius: 0 !important; } /* */ .carousel img { width: 1200px; } /* */ .carousel-inner { border-width: 0px !important; } /* */ .carousel-control { border-width: 0px !important; margin-top: 0 !important; top: calc(50% - 20px) !important; } /* */ .titol-sigles { font-size: 45px; padding-right: 10px !important; } /* */ .titol-sigles + .titol-descripcio { position: relative; bottom: -6px; } /* */ .llistatLogos a { margin: 0 0.5em !important; } /* */ .img-rounded { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } /* */ .img-circle { -webkit-border-radius: 500px !important; -moz-border-radius: 500px !important; border-radius: 500px !important; } /* */ .full-width-container { text-align: center; width: 100vw; margin-left: calc(-1 * ((100vw - 100%) / 2)); } /* */ body { overflow-x: hidden; } /* */ table.mceToolbar { overflow-x: auto !important; } /* */ #portal-globalnav .navbar .nav > li, #portal-globalnav .navbar .contentViews > li, #portal-globalnav .navbar .configlets > li, #portal-globalnav .navbar .formTabs > li { background-color: #fff !important; } /* */ #portal-globalnav .navbar .nav > li > a, #portal-globalnav .navbar .contentViews > li > a, #portal-globalnav .navbar .configlets > li > a, #portal-globalnav .navbar .formTabs > li > a { font-size: 18px !important; } /* */ #portal-globalnav .navbar .nav > li > a { border-right: 0 !important; } /* */ #portal-globalnav .navbar-inner { background-color: #fff !important; background-image: none !important; border: 0 !important; } /* */ #portal-globalnav .navbar-inner #menu-1 *:hover { background-color: #fff !important; } /* */ .subnavbar .nav-list a { background-color: #fff !important; background-image: none !important; border-top: 0 !important; } /* */ .subnavbar .nav-list .active ul a, .subnavbar .nav-list .selected ul a { border-right: 0px !important; } /* */ .subnavbar .nav-list .active ul a.active, .subnavbar .nav-list .selected ul a.active { background-color: #fff !important; } /* */ #portlet-navigation-tree { border-width: 0px 0 1px 0; } /* */ .portlet { border: 0 !important; } /* */ .portlet h2 { font-size: 130% !important; padding: 10px 0 !important; } /* */ .portlet-footer { background-color: #fff !important; text-align: left !important; padding-left: 0px !important; } /* */ .portlet-footer i { margin-left: -1px; margin-right: 5px; position: inherit !important; } /* */ .portlet-ampliat .content-noticies { padding: 0 !important; } /* */ .portlet-ampliat h3 { padding: 0 !important; } /* */ .portlet-ampliat li > img { margin-left: 0px !important; } /* */ .list-portlet { padding: 0 !important; } /* */ .portlet-esdeveniments ul li { margin: 0; } /* */ .noticies-full-2cols .noticies-full { padding-left: 0 !important; padding-right: 0 !important; } /* */ .portlet-esdeveniments ul a { border-left-width: 0px !important; } /* */ .portlet-esdeveniments ul time { left: 0 !important; } /* */ .portlet #loginform label { font-size: 14px; } /* */ .portlet #loginform input { margin-top: 5px; } @media only screen and (max-width: 768px) { /* */ .titol-sigles + .titol-descripcio { display: none; } } @media only screen and (min-width: 769px) { /* */ #menu-1 ul { border-top: 0; border-bottom: 3px solid; display: flex !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; } /* */ #menu-1 ul li { border-bottom: 3px solid; margin-bottom: -3px; } /* */ #menu-1 ul li:first-child:nth-last-child(6), #menu-1 ul li:first-child:nth-last-child(6) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(6) a, #menu-1 ul li:first-child:nth-last-child(6) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(7), #menu-1 ul li:first-child:nth-last-child(7) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(7) a, #menu-1 ul li:first-child:nth-last-child(7) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(8), #menu-1 ul li:first-child:nth-last-child(8) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(8) a, #menu-1 ul li:first-child:nth-last-child(8) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(9), #menu-1 ul li:first-child:nth-last-child(9) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(9) a, #menu-1 ul li:first-child:nth-last-child(9) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(10), #menu-1 ul li:first-child:nth-last-child(10) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(10) a, #menu-1 ul li:first-child:nth-last-child(10) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(11), #menu-1 ul li:first-child:nth-last-child(11) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(11) a, #menu-1 ul li:first-child:nth-last-child(11) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li:first-child:nth-last-child(12), #menu-1 ul li:first-child:nth-last-child(12) ~ li { flex-grow: 1; text-align: center; } /* */ #menu-1 ul li:first-child:nth-last-child(12) a, #menu-1 ul li:first-child:nth-last-child(12) ~ li a { padding-left: 2% !important; padding-right: 2% !important; } /* */ #menu-1 ul li a { border-bottom-width: 3px !important; margin-bottom: -3px; } /* */ #portal-header.no-image + #portal-globalnav #menu-1 ul { border-top: 3px solid; } } } .plan-container { width: 100%; border-radius: 5px; background-color: #fff; position: relative; top: 0; -webkit-transition: all 1s; transition: all 1s; } .plan-container .plan-header { padding: 5px 0; text-align: center; } .plan-container .plan-header .icon-box { margin: 0 auto; } .plan-container .plan-header .icon-box .icon { font-size: 3.125em; color: #447F71; } .plan-container .plan-header h2 { color: #007BC0; font-weight: bold; margin: 0; font-size:2.2em; padding-top: 0.3em; } .plan-container .plan-header h2 a{ color: #007BC0; } .plan-container .plan-header p { margin: 20px; color: #000; } .plan-container .plan-details { margin: 0 auto; padding: 10px; padding-top: 0px; } .plan-container .plan-details ul { padding-left: 0; list-style: none; } .plan-container .plan-details ul li { border-top: 1px solid #000; padding: 20px 0; font-weight: bold; color: #5f5f5f; font-size: 1.3em; } .plan-container .plan-details ul li:first-child { border-top: none; padding-top: 15px; } .plan-container .plan-details ul li span { font-weight: lighter; color: #777777; } .plan-container .plan-details p { background-color: #f4f4f4; padding: 1.25em; font-size: 1em; line-height: 1.8; color: #777777; } .plan-container .plan-details button { background-color: #000; border: 1px solid #000; padding: 20px 0; color: #fff; text-align: center; width: 100%; border: 0; } .plan-container .plan-details button:hover { background-color: #000; }