@charset utf-8;/* Theme Name:Make a Statement Theme URI:http://themes.mas.gambit.ph/ Author:GambitTech Author URI:http://themeforest.net/user/gambittech Description:<strong>Premium Business &amp;Portfolio Theme</strong> Version:v1.2.1 Tags:#000, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, microformats, theme-options, threaded-comments License:GNU General Public License & ThemeForest Licensing Terms License URI:README_License.txt */ /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 * * Edited by BFI to include:* https://github.com/dhgamache/Skeleton/pull/119 * https://github.com/dhgamache/Skeleton/pull/109 * https://github.com/dhgamache/Skeleton/pull/91 * https://github.com/dhgamache/Skeleton/pull/67 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container                                 {position:relative;width:960px;margin:0 auto;padding:0}.container .column, .container .columns                        {float:left;display:inline;margin-left:10px;margin-right:10px}.row                                       {margin-bottom:20px}.container .pull, .container .push							{position:relative}.mobile-only                               {display:none}.column .column.alpha, .columns .column.alpha, .column .columns.alpha, .columns .columns.alpha               		{margin-left:0}.column .column.omega, .columns .column.omega, .column .columns.omega, .columns .columns.omega               		{margin-right:0}.container .one.column, .container .one.columns                    {width:40px}.container .two.columns                    {width:100px}.container .three.columns                  {width:160px}.container .four.columns                   {width:220px}.container .five.columns                   {width:280px}.container .six.columns                    {width:340px}.container .seven.columns                  {width:400px}.container .eight.columns                  {width:460px}.container .nine.columns                   {width:520px}.container .ten.columns                    {width:580px}.container .eleven.columns                 {width:640px}.container .twelve.columns                 {width:700px}.container .thirteen.columns               {width:760px}.container .fourteen.columns               {width:820px}.container .fifteen.columns                {width:880px}.container .sixteen.columns                {width:940px}.container .one-half.column					{width:460px}.container .one-third.column               {width:300px}.container .two-thirds.column              {width:620px}.container .one-fourth.column				{width:220px}.container .three-fourths.column			{width:700px}.container .twelve.columns .one-half.column 				{width:340px}.container .twelve.columns .one-third.column               {width:220px}.container .twelve.columns .two-thirds.column              {width:460px}.container .twelve.columns .one-fourth.column				{width:160px}.container .twelve.columns .three-fourths.column			{width:520px}.container .offset-by-one                  {padding-left:60px}.container .offset-by-two                  {padding-left:120px}.container .offset-by-three                {padding-left:180px}.container .offset-by-four                 {padding-left:240px}.container .offset-by-five                 {padding-left:300px}.container .offset-by-six                  {padding-left:360px}.container .offset-by-seven                {padding-left:420px}.container .offset-by-eight                {padding-left:480px}.container .offset-by-nine                 {padding-left:540px}.container .offset-by-ten                  {padding-left:600px}.container .offset-by-eleven               {padding-left:660px}.container .offset-by-twelve               {padding-left:720px}.container .offset-by-thirteen             {padding-left:780px}.container .offset-by-fourteen             {padding-left:840px}.container .offset-by-fifteen              {padding-left:900px}.container .pull.by-one						{left:-50px}.container .pull.by-two						{left:-110px}.container .pull.by-three					{left:-170px}.container .pull.by-four					{left:-230px}.container .pull.by-five					{left:-290px}.container .pull.by-six						{left:-350px}.container .pull.by-seven					{left:-410px}.container .pull.by-eight					{left:-470px}.container .pull.by-nine					{left:-530px}.container .pull.by-ten						{left:-590px}.container .pull.by-eleven					{left:-650px}.container .pull.by-twelve					{left:-710px}.container .pull.by-thirteen				{left:-770px}.container .pull.by-fourteen				{left:-830px}.container .pull.by-fifteen					{left:-890px}.container .push.by-one						{left:50px}.container .push.by-two						{left:110px}.container .push.by-three					{left:170px}.container .push.by-four					{left:230px}.container .push.by-five					{left:290px}.container .push.by-six						{left:350px}.container .push.by-seven					{left:410px}.container .push.by-eight					{left:470px}.container .push.by-nine					{left:530px}.container .push.by-ten						{left:590px}.container .push.by-eleven					{left:650px}.container .push.by-twelve					{left:710px}.container .push.by-thirteen				{left:770px}.container .push.by-fourteen				{left:830px}.container .push.by-fifteen					{left:890px}/* #Tablet (Portrait) ================================================== */ @media only screen and (min-width:768px) and (max-width:959px){.container                                 {width:768px}.container .column, .container .columns                        {margin-left:10px;margin-right:10px}.column .column.alpha, .columns .column.alpha, .column .columns.alpha, .columns .columns.alpha               		{margin-left:0;margin-right:10px}.column .column.omega, .columns .column.omega, .column .columns.omega, .columns .columns.omega               		{margin-right:0;margin-left:10px}.column .alpha.omega, .columns .alpha.omega						{margin-left:0;margin-right:0}.container .one.column, .container .one.columns                    {width:28px}.container .two.columns                    {width:76px}.container .three.columns                  {width:124px}.container .four.columns                   {width:172px}.container .five.columns                   {width:220px}.container .six.columns                    {width:268px}.container .seven.columns                  {width:316px}.container .eight.columns                  {width:364px}.container .nine.columns                   {width:412px}.container .ten.columns                    {width:460px}.container .eleven.columns                 {width:508px}.container .twelve.columns                 {width:556px}.container .thirteen.columns               {width:604px}.container .fourteen.columns               {width:652px}.container .fifteen.columns                {width:700px}.container .sixteen.columns                {width:748px}.container .one-half.column					{width:364px}.container .one-third.column               {width:236px}.container .two-thirds.column              {width:492px}.container .one-fourth.column				{width:172px}.container .three-fourths.column			{width:556px}.container .twelve.columns .one-half.column			{width:268px}.container .twelve.columns .one-third.column		{width:172px}.container .twelve.columns .two-thirds.column		{width:364px}.container .twelve.columns .one-fourth.column		{width:124px}.container .twelve.columns .three-fourths.column	{width:412px}.container .offset-by-one                  {padding-left:48px}.container .offset-by-two                  {padding-left:96px}.container .offset-by-three                {padding-left:144px}.container .offset-by-four                 {padding-left:192px}.container .offset-by-five                 {padding-left:240px}.container .offset-by-six                  {padding-left:288px}.container .offset-by-seven                {padding-left:336px}.container .offset-by-eight                {padding-left:384px}.container .offset-by-nine                 {padding-left:432px}.container .offset-by-ten                  {padding-left:480px}.container .offset-by-eleven               {padding-left:528px}.container .offset-by-twelve               {padding-left:576px}.container .offset-by-thirteen             {padding-left:624px}.container .offset-by-fourteen             {padding-left:672px}.container .offset-by-fifteen              {padding-left:720px}.container .pull.by-one						{left:-38px}.container .pull.by-two						{left:-86px}.container .pull.by-three					{left:-134px}.container .pull.by-four					{left:-182px}.container .pull.by-five					{left:-230px}.container .pull.by-six						{left:-278px}.container .pull.by-seven					{left:-326px}.container .pull.by-eight					{left:-374px}.container .pull.by-nine					{left:-422px}.container .pull.by-ten						{left:-470px}.container .pull.by-eleven					{left:-518px}.container .pull.by-twelve					{left:-566px}.container .pull.by-thirteen				{left:-614px}.container .pull.by-fourteen				{left:-662px}.container .pull.by-fifteen					{left:-710px}.container .push.by-one						{left:38px}.container .push.by-two						{left:86px}.container .push.by-three					{left:134px}.container .push.by-four					{left:182px}.container .push.by-five					{left:230px}.container .push.by-six						{left:278px}.container .push.by-seven					{left:326px}.container .push.by-eight					{left:374px}.container .push.by-nine					{left:422px}.container .push.by-ten						{left:470px}.container .push.by-eleven					{left:518px}.container .push.by-twelve					{left:566px}.container .push.by-thirteen				{left:614px}.container .push.by-fourteen				{left:662px}.container .push.by-fifteen					{left:710px}}/*  #Mobile (Portrait) ================================================== */ @media only screen and (max-width:767px){.mobile-only{display:block}.container{width:300px}.container .columns, .container .column{margin:0}.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-half.column, .container .one-fourth.column, .container .three-fourths.column, .container .twelve.columns .one-third.column, .container .twelve.columns .two-thirds.column, .container .twelve.columns .one-half.column, .container .twelve.columns .one-fourth.column, .container .twelve.columns .three-fourths.column{width:300px}.container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen{padding-left:0}.container .pull.by-one, .container .pull.by-two, .container .pull.by-three, .container .pull.by-four, .container .pull.by-five, .container .pull.by-six, .container .pull.by-seven, .container .pull.by-eight, .container .pull.by-nine, .container .pull.by-ten, .container .pull.by-eleven, .container .pull.by-twelve, .container .pull.by-thirteen, .container .pull.by-fourteen, .container .pull.by-fifteen, .container .push.by-one, .container .push.by-two, .container .push.by-three, .container .push.by-four, .container .push.by-five, .container .push.by-six, .container .push.by-seven, .container .push.by-eight, .container .push.by-nine, .container .push.by-ten, .container .push.by-eleven, .container .push.by-twelve, .container .push.by-thirteen, .container .push.by-fourteen, .container .push.by-fifteen{left:0}}/* #Mobile (Landscape) ================================================== */ @media only screen and (min-width:480px) and (max-width:767px){.container{width:420px}.container .columns, .container .column{margin:0}.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-half.column, .container .one-fourth.column, .container .three-fourths.column, .container .twelve.columns .one-third.column, .container .twelve.columns .two-thirds.column, .container .twelve.columns .one-half.column, .container .twelve.columns .one-fourth.column, .container .twelve.columns .three-fourths.column{width:420px}}/* #Clearing ================================================== */ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */ .clearfix:before, .clearfix:after, .row:before, .row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after, .clearfix:after{clear:both}.row, .clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}sup{font-size:smaller;vertical-align:+0.4em}sub{font-size:smaller;vertical-align:-0.25em}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}body{line-height:1}ol, ul{list-style:none}blockquote, q{quotes:none}blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}/* #Basic Styles ================================================== */ body{background:#fff;font:14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;-webkit-font-smoothing:antialiased;/* Fix for webkit rendering */ -webkit-text-size-adjust:100%}/* #Typography ================================================== */ h1, h2, h3, h4, h5, h6{color:#181818;font-family:"Georgia", "Times New Roman", serif;font-weight:normal}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:inherit}/*h1{font-size:46px;line-height:50px;margin-bottom:14px}h2{font-size:35px;line-height:40px;margin-bottom:10px}h3{font-size:28px;line-height:34px;margin-bottom:8px}h4{font-size:21px;line-height:30px;margin-bottom:4px}h5{font-size:17px;line-height:24px}*/ h6{font-size:14px;line-height:21px}h1{font-size:46px;line-height:69px;margin-bottom:14px}h2{font-size:35px;line-height:52.5px;margin-bottom:10px}h3{font-size:28px;line-height:42px;margin-bottom:8px}h4{font-size:21px;line-height:31.5px;margin-bottom:4px}h5{font-size:17px;line-height:25.5px}.subheader{color:#777}p{margin:0 0 20px 0}p img{margin:0}p.lead{font-size:21px;line-height:27px;color:#777}em{font-style:italic}strong{font-weight:bold;color:#333}small{font-size:80%}blockquote, blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a, blockquote cite a:visited, blockquote cite a:visited{color:#555}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}/* #Links ================================================== */ a, a:visited{color:#333;text-decoration:underline;outline:0}a:hover, a:focus{color:#000}p a, p a:visited{line-height:inherit}/* #Lists ================================================== */ ul, ol{margin-bottom:20px}ul{list-style:none outside}ol{list-style:decimal}ol, ul.square, ul.circle, ul.disc{margin-left:30px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}ul ul, ul ol, ol ol, ol ul{margin:4px 0 5px 30px;font-size:90%}ul ul li, ul ol li, ol ol li, ol ul li{margin-bottom:6px}li{line-height:18px;margin-bottom:12px}ul.large li{line-height:21px}li p{line-height:21px}/* #Images ================================================== */ img.scale-with-grid{max-width:100%;height:auto}/* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"]{background:#eee;/* Old browsers */ background:#eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);/* FF3.6+ */ background:#eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));/* Chrome,Safari4+ */ background:#eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);/* Chrome10+,Safari5.1+ */ background:#eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);/* Opera11.10+ */ background:#eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);/* IE10+ */ background:#eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);/* W3C */ border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(255, 255, 255, .75);cursor:pointer;margin-bottom:20px;line-height:normal;padding:8px 10px;font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif}.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{color:#222;background:#ddd;/* Old browsers */ background:#ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);/* FF3.6+ */ background:#ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3)));/* Chrome,Safari4+ */ background:#ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);/* Chrome10+,Safari5.1+ */ background:#ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);/* Opera11.10+ */ background:#ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);/* IE10+ */ background:#ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);/* W3C */ border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{border:1px solid #666;background:#ccc;/* Old browsers */ background:#ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);/* FF3.6+ */ background:#ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4)));/* Chrome,Safari4+ */ background:#ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);/* Chrome10+,Safari5.1+ */ background:#ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);/* Opera11.10+ */ background:#ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);/* IE10+ */ background:#ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);/* W3C */}.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center}button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0}/* #Forms ================================================== */ form{margin-bottom:20px}fieldset{margin-bottom:20px}input[type="search"], input[type="url"]{-webkit-appearance:textfield;-moz-appearance:textfield}input[type="text"], input[type="password"], input[type="email"], input[type="name"], input[type="search"], input[type="url"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], textarea, select{border:1px solid #ccc;padding:6px 4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#777;margin:0;width:210px;max-width:100%;display:block;margin-bottom:20px;background:#fff}select{padding:0}input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="name"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="search"]:focus, textarea:focus{border:1px solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2)}textarea{min-height:60px}label, legend{display:block;font-weight:bold;font-size:13px}select{width:220px}input[type="checkbox"]{display:inline}label span, legend span{font-weight:normal;font-size:13px;color:#444}/* #Misc ================================================== */ .remove-bottom{margin-bottom:0 !important}.half-bottom{margin-bottom:10px !important}.add-bottom{margin-bottom:20px !important}.wp-caption .wp-caption-text{background:rgba(0,0,0,.06);padding:10px;font-style:italic;font-size:90%}.alignright{float:right;margin:0 0 20px 20px}.alignleft{float:left;margin:0 20px 20px 0}.aligncenter{display:block;margin-left:auto;margin-right:auto}.sticky, .gallery-caption{}