/* Theme Name: OIA Global Author: Open Creative Consultants Version: 1.103 */ @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap'); /* @group 00 HTML5 Reset */ /* -------------------------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;color:#000;}body{margin:0;font-size:1em;line-height:1.4;}::-moz-selection{background:#ddd;text-shadow:none;}::selection{background:#ddd;text-shadow:none;}a{text-decoration:none;}a:focus{outline:thin dotted;}a:hover,a:active{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:"";content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}ul,ol{margin:0;padding:0;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;*margin-left:-7px;padding:0;white-space:normal;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:valid,textarea:valid{}input:invalid,textarea:invalid{background-color:#f0dddd;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;}.cf:before,.cf:after,.inner:before,.inner:after,.columns:before,.columns:after{content:"";display:table;}.cf:after,.inner:after,.columns:after{clear:both;}.cf,.inner,.columns{*zoom:1;} @media print {*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;}tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page{margin:0.5cm;} p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}} /* @end */ /* ========= VARIABLES ========= */ :root { /* COLORS */ --color__midnight: #0C2340; --color__oia-blue: #003087; --color__ocean: #0072ce; --color__sky: #14CBEB; --color__lime: #aadb1e; /* Legacy 4PL colour: gainsboro: D0DDDE */ --color__dark-gray: #2d3132; --color__medium-gray: #7f8788; --color__light-gray: #F9F9F9; --color__white: #ffffff; --gradient__blues: linear-gradient(246deg, #0071CD 0%, #013088 100%); --gradient__blue-medium-to-dark: linear-gradient(90deg, #1C508E 0%, #013088 100%); --gradient__blue-oxford-to-medium: linear-gradient(90deg, #0C2340 0%, #1C508E 100%); --gradient__blue-medium-to-oxford: linear-gradient(90deg, #1C508E 0%, #0C2340 100%); /* Additional Web Colors */ --color__blue-dark: #013088; --color__blue-medium: #1C508E; --color__blue-royal: #002d72; /* WIDTH + PADDING + MARGIN */ --spacing: 10rem 3rem; --spacing__x: 3rem; --spacing__x_half: 1.5rem; --spacing__y: 10rem; --spacing__y_threequater: 9rem; --spacing__y_half: 6rem; --spacing__y_small: 4rem; --layout__max-width: 1600px; --layout__mid-width: 1060px; --layout__narrow: 1000px; /* FONTS */ --font__primary: 'Titillium Web', sans-serif; } @media all and (max-width: 1000px) { :root { /* WIDTH + PADDING + MARGIN */ --spacing: 8rem 3rem; --spacing__x: 3rem; --spacing__y: 8rem; --spacing__y_half: 4rem; --spacing__y_small: 3rem; } } @media all and (max-width: 768px) { :root { /* WIDTH + PADDING + MARGIN */ --spacing: 6rem 2rem; --spacing__x: 2rem; --spacing__x_half: 1rem; --spacing__y: 6rem; --spacing__y_half: 3rem; --spacing__y_small: 2rem; } } @media all and (max-width: 500px) { :root { /* WIDTH + PADDING + MARGIN */ --spacing__x: 1.5rem; } } /* Contact page */ .contact-form-open { padding: 2rem; box-sizing: border-box; margin-top: var(--spacing__y_small); background: var(--color__light-gray); } .contact-form-open .btn { font-size: 3.2rem; } /* Full page iframe */ .s__iframe_full_page iframe { min-height: 100vh; } /* Additional Misc Fixes */ /* Flickr gallery - checkbox */ #pbThumbsToggler { display: none !important; } /* TESTING #test-section a.btn { transition: all .6s !important; box-shadow: 0 0 0 rgba(50, 50, 50, 0); } #test-section a.btn:hover { box-shadow: inset 0 0.1em 2em rgba(50, 50, 50, 0.1); transform: translate(0,0) !important; } #test-section .blue-buttons a.btn { transition: all .6s !important; border-color: var(--color__sky) !important; background: var(--color__ocean) !important; color: #fff; box-shadow: 0 0 0 rgba(50, 50, 50, 0); } #test-section .blue-buttons a.btn:hover { box-shadow: inset 0 0.1em 2em rgba(50, 50, 50, 0.1); transform: translate(0,0) !important; } #test-section .hollow-buttons a.btn { transition: all .6s !important; border-color: var(--color__sky) !important; color: var(--color__midnight); box-shadow: 0 0 0 rgba(50, 50, 50, 0); } #test-section .hollow-buttons a.btn:hover { box-shadow: none; color: var(--color__white); background: var(--color__ocean) !important; transform: translate(0,0) !important; } */