pyc-website

custom.less

(4730B)

 // Add anything custm here -- mixins, variable overrides
 // by adding things here instead  of overriding existing .LESS files, it makes merging changes on product updates easier
 
 //@import url(http://fonts.googleapis.com/css?family=Cinzel:900);
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);
 
 // Optima for p tags in base font size!
 @font-face {
     font-family: 'Optima';
     src: url('@{icon-font-path}/optima-webfont.eot');
     src: url('@{icon-font-path}/optima-webfont.eot?#iefix') format('embedded-opentype'),
          url('@{icon-font-path}/optima-webfont.woff') format('woff'),
          url('@{icon-font-path}/optima-webfont.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }
 
 
 .background-size(@size) {
         -webkit-background-size: @size;
         -moz-background-size: @size;
         -o-background-size: @size;
         background-size: @size;
 }
 
 .column-count(@count) {
 	column-count: @count;
 	-moz-column-count: @count;
 	-webkit-column-count: @count;
 }
 
 .column-rule(@rule) {
 	column-rule: @rule;
 	-moz-column-rule: @rule;
 	-webkit-column-rule: @rule;
 }
 
 .column-span(@span) {
 	column-span: @span;
 	-webkit-column-span: @span;
 }
 
 .multi-column {
 	@media (min-width: @screen-sm){
     	> p {
 			.column-count(2);
 			br { .column-span(all); }
 		}
   	}
 }
 
 .semibig-text {
 	font-size: @font-size-h1 * 1.5;
 }
 
 .big-text {
 	font-size: @font-size-h1 * 2;
     font-weight: 900;
 }
 
 .no-gutter {
   overflow: hidden;
   
   div[class^="col-"] {
     padding-left: 0;
     padding-right: 0;
   }
   
   @media (min-width: @screen-sm){
     .row {
         margin-right: 0;
         margin-left: 0;
     }
   }
 }
 
 .offset-0 {
     padding-left: 0;
     padding-right: 0;
 }
 
 .bg-white {
 	background-color: @white;
 }
 
 .bg-primary {
     background-color: @brand-primary !important;
 }
 
 .bg-primary-light {
     background-color: @brand-primary-light !important;
 }
 
 .bg-primary-gradient {
 	.bg-primary();
 	#gradient > .radial(lighten(@brand-primary, 5%), @brand-primary)
 }
 
 .bg-secondary {
     background-color: @brand-secondary;
 }
 
 .bg-secondary-gradient {
 	.bg-secondary();
 	#gradient > .radial(lighten(@brand-secondary, 5%), @brand-secondary)
 }
 
 .text-primary {
 	color: @brand-primary;
 	a {
 		color: @brand-primary;
 		&:hover {
 			color: lighten(@brand-primary, 5%);
 		}
 	}
 }
 
 .text-secondary {
 	color: @brand-secondary;
 	a {
 		color: @brand-secondary;
 		&:hover {
 			color: lighten(@brand-secondary, 5%);
 		}
 	}
 }
 
 .text-white {
 	color: @white !important;
 }
 
 .text-warning {
 	color: @brand-warning !important;
 }
 
 .text-gray-midlight {
 	color: @gray-mid-light !important;
 }
 
 .text-bitcoin {
 	color: @bitcoin-color;
 }
 
 .bg-tertiary {
 	background-color: @brand-tertiary !important;
 }
 
 .bg-warning {
 	background-color: @brand-warning !important;
 }
 
 .bg-danger {
 	background-color: @brand-danger !important;
 }
 
 .bg-success {
 	background-color: @brand-success !important;
 }
 
 .pagination-centered {
 	text-align: center;
 }
 
 .padding-0 {
 	padding: 0 !important;
 }
 
 .padding-bottom-0 {
 	padding-bottom: 0;
 }
 
 .padding-top-20 {
 	padding-top: 20px !important;
 }
 
 .padding-bottom-20 {
 	padding-bottom: 20px;
 }
 .padding-20 {
 	padding-top: 20px;
 	padding-bottom: 20px;
 }
 
 .padding-20-sides {
 	padding-left: 20px;
 	padding-right: 20px;
 }
 
 .padding-20-right {
 	padding-right: 20px;
 }
 
 .margin-20 {
 	margin: 20px !important;
 }
 
 .margin-top-20 {
     margin-top: 20px;
 }
 
 .margin-bottom-20 {
     margin-bottom: 20px;
 }
 
 .margin-10 {
 	margin: 10px !important;
 }
 
 .margin-bottom-10 {
     margin-bottom: 10px;
 }
 
 //bold headers
 h1,h2,h3,h4,h5,h6,h7 {
   &.bold {
     font-weight: @headings-font-weight + 100;
   }
 }
 
 .break-word {
   word-wrap:break-word;
   -ms-word-break: break-all;
   word-break: break-all;
   word-break: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
 }
 
 .hidden-xxs {
 	@media(max-width: @screen-xxs-max) {
 		.hidden();
 	}
 }
 
 .nounderline {
   text-decoration: none !important;
 }
 
 .boxshadow {
 	.box-shadow(0 10px 15px @gray-dark);	
 }
 
 .visible-xxs {
 	@media(max-width: @screen-xxs-max) {
 		.show();
 	}
 	
 	@media(min-width: @screen-xs-min) {
 		.hidden();
 	}
 }
 
 table.padding-align {
 	tr > td:first {
 		padding-right: 25px;
 	}
 }
 
 
 /*************************************************
  * Collapse to full width when xs-device is found
  * ex. class="col-xs-6 xxs-collapse col-sm-6" 
  *************************************************/
 .xxs-collapse {
 	@media (max-width: @screen-xxs-max) {
 		width: 100%;
 	}
 }